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内 容 简 介 


本 书 循序 渐进 地 介绍 网 站 建设 的 基础 知识 、 基 本 技能 和 应 用 操作 ,在 综合 实例 中 讲解 了 电子 商务 网 站 
建设 的 全 过 程 。 全 书 共 设 置 了 8 个 教学 项 目 ,23 个 操作 任务 。 教 学 项 目 即 网 站 建设 基础 .电子 商务 网 站 建 
设 规划 与 实施 、 电 子 商务 网 站 的 平台 搭建 .HTML5 十 CSS3 HR, ASP. NET 动态 网 站 建设 基础 ,数据库 基 
础 电子 商务 网 站 的 运营 管理 与 维护 ,电子 商务 网 站 建设 综合 实例 等 ,其 中 知识 学 习 部 分 概括 地 介绍 任务 
实现 所 需要 的 基本 理论 。 

每 个 项 目 均 以 任务 为 驱动 ,每 个 任务 均 以 应 用 为 引导 ,通过 任务 驱动 带动 理论 知识 的 学 习 , 让 学 生 能 
同步 掌握 理论 与 技能 。 每 个 项 目的 内 容 体系 是 先 实现 任务 操作 ,再 展开 知识 点 的 讲解 ,最 后 进行 项 目 练 
习 。 本 书 由 实 操 和 人手 ,以 培养 应 用 为 目标 展开 介绍 ,很 适合 学 习 者 由 浅 人 深 地 学 习 。 

本 书 知识 点 以 实用 、 够 用 为 主 ,以 任务 操作 为 主线 ,很 适合 应 用 型 人 才 培 养 的 高 等 学 校 的 学 生 使 用 , 同 
时 也 适合 网 站 建设 学 习 者 作为 自学 参考 用 书 。 
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随 着 我 国 改革 开放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 ,各 地 高 校 紧密 结合 
地 方 经 济 建 设 发 展 需要 ,科学 运用 市 场 调节 机 制 ,加 大 了 使 用 信息 科学 等 现代 科学 技术 
提升 、 改 造 传统 学 科 专业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 
传统 学 科 专 业 ,积极 为 地 方 经 济 建设 输送 人 才 , 为 我 国 经 济 社会 的 快速 .健康 和 可 持续 发 
展 以 及 高 等 教育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提 
高 以 适应 经 济 社会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素 
质 吸 待 提高 ,人 才 培 养 模式 ,教学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精 
LESSE 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 《关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 ), 计 划 实 施 “ 高 等 学 校本 科教 学 质量 与 教学 改革 
工程 (简称 “质量 工程 ')”, 通 过 专业 结构 调整 .课程 教材 建设 、 实 践 教学 改革 、 教 学 团队 建设 
等 多 项 内 容 ,进一步 深化 高 等 学 校 教学 改革 ,提高 人 才 培养 的 能 力 和 水 平 , 更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 “质量 工程 的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 、 办 学 经 验 丰富 ,教学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 \ 改 革 课 程 体系 ,建设 了 一 大 批 内 容 新 .体系 新 \ 方 法 新 .手段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
足 各 高 校 教学 质量 和 教学 改革 的 需要 。 

本 系列 教材 立足 于 计算 机 公共 课程 领域 ,以 公共 基础 课 为 主 、 专 业 基础 课 为 辅 ,横向 满 
足 高 校 多 层次 教学 的 需要 。 在 规划 过 程 中 体现 了 如 下 一 些 基本 原则 和 特点 。 

COD 面向 多 层次 .多 学 科 专业 ,强调 计算 机 在 各 专业 中 的 应 用 。 教 材 内 容 坚 持 基 本 理论 
适度 ,反映 各 层次 对 基本 理论 和 原理 的 需求 ,同时 加 强 实践 和 应 用 环节 。 

(2) 反映 教学 需要 ,促进 教学 发 展 。 教 材 要 适应 多 样 化 的 教学 需要 ,正确 把 握 教学 内 容 
和 课程 体系 的 改革 方向 ,在 选择 教材 内 容 和 编写 体系 时 注意 体现 素质 教育 、 创 新 能 力 与 实践 
能 力 的 培养 ,为 学 生 的 知识 、 能 力 、 素 质 协调 发 展 创造 条 件 。 

(3) 实施 精品 战略 ,突出 重点 ,保证 质量 。 规 划 教 材 把 重点 放 在 公共 基础 课 和 专业 基础 
课 的 教材 建设 上 ; 特别 注意 选择 并 安排 一 部 分 原来 基础 比较 好 的 优秀 教材 或 讲义 修订 再 
版 ,逐步 形成 精品 教材 ; 提倡 并 鼓励 编写 体现 教学 质量 和 教学 改革 成 果 的 教材 。 

(4) 主张 一 纲 多 本 ,合理 配套 。 基 础 课 和 专业 基础 课 教 材 配 套 , 同 一 门 课程 可 以 有 针对 
不 同 层次 、 面 向 不 同 专业 的 多 本 具有 各 自 内 容 特 点 的 教材 。 处 理 好 教材 统一 性 与 多 样 化 , 基 
本 教材 与 辅助 教材 .教学 参考 书 , 文 字 教 材 与 软件 教材 的 关系 ,实现 教材 系列 资源 配套 。 
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(5) 依靠 专家 ,择优 选用 。 在 制定 教材 规划 时 依靠 各 课程 专家 在 调查 研究 本 课程 教材 
建设 现状 的 基础 上 提出 规划 选 题 。 在 落实 主编 人 选 时 ,要 引入 竞争 机 制 ,通过 申报 、 评 审 确 
定 主题 。 书 稿 完 成 后 要 认真 实行 审 稿 程序 ,确保 出 书 质量 。 

繁荣 教材 出 版 事业 ,提高 教材 质量 的 关键 是 教师 。 建 立 一 支 高 水 平 教材 编写 梯队 才能 
保证 教材 的 编写 质量 和 建设 力度 ,希望 有 志 于 教材 建设 的 教师 能 够 加 入 到 我 们 的 编写 队伍 
中 来 。 
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随 着 互联 网 技术 的 快速 发 展 和 普及 ,各 行 各 业已 涌 入 到 以 互联 网 为 主 的 平台 上 进行 产 
品 的 展示 、 销 售 和 服务 的 模式 。 电 子 商 务 网 站 是 企业 不 可 缺少 的 交流 窗口 , 它 不 仅 是 对 企业 
产品 的 展示 ,更 是 对 企业 形象 的 宣传 ; 它 能 够 让 企业 在 线 直接 进行 交易 .与 上 下 游 企业 直接 
进行 在 线 商 议 ,能够 降低 企业 的 经 营 成 本 ,有 利于 企业 拓展 发 展 空间 、 提 高 企业 的 经 营 管理 
和 服务 水 平 。 

根据 国家 教 发 (2015]7 号 文件 ,引导 部 分 地 方 普通 本 科 高 校 向 应 用 型 转变 ,推动 转型 发 
展 高 校 把 办 学 思路 真正 转 到 服务 地 方 经 济 社会 发 展 上 来 , 转 到 产 教 融合 校 企 合作 上 来 , 转 到 
培养 应 用 型 技术 技能 型 人 才 上 来 , 转 到 增强 学 生 就 业 创业 能 力 上 来 ,全 面 提高 学 校服 务 区 域 
经 济 社会 发 展 和 创新 驱动 发 展 的 能 力 。 因 此 ,本 书 在 编写 时 ,以 应 用 型 为 出 发 点 ,与 校 企 合 
作 企业 泉州 丰 泽 区 尚 创 网 络 科技 有 限 公 司 共 同 探讨 ,根据 企业 对 人 才 岗 位 能 力 的 需求 而 编 
写 此 书 的 体系 结构 , 即 项 目 任务 体系 。 以 项 目 任务 带动 理论 知识 的 学 习 , 每 个 项 目 均 由 若干 
个 任务 组 成 ,教学 项 目 中 由 以 往 先 进行 理论 知识 的 讲解 再 进行 任务 的 演练 ,转变 为 先进 行 任 
务实 现 再 讲解 与 任务 关联 的 理论 知识 ,颠覆 了 以 往 传统 的 授课 方式 。 

本 书 循序 渐进 地 介绍 网 站 建设 的 基础 知识 .基本 技能 和 应 用 操作 。 全 书 共 有 8 个 教学 
项 目 、23 个 操作 任务 。 教 学 项 目 内 容 主要 包括 网 站 建设 基础 .电子 商务 网 站 建设 规划 与 实 
Jii .电子 商务 网 站 的 平台 搭建 .HTML5 十 CSS3 技术 .ASP. NET 动态 网 站 建设 基础 ,数据库 
基础 .电子 商务 网 站 的 运营 管理 与 维护 、 电 子 商务 网 站 建设 综合 实例 等 。 每 个 项 目 均 以 任务 
为 驱动 ,以 应 用 为 引导 ,通过 任务 驱动 带动 理论 知识 的 学 习 , 让 学 生 能 同步 掌握 理论 与 技能 。 
每 个 项 目的 内 容 体系 是 先 实现 任务 操作 ,再 展开 知识 点 的 讲解 ,最 后 进行 项 目 练习 。 

本 书 由 闽南 理工 学 院 骆 焦 煌 任 主编 , 董 庆 伟 、 何 庆 新 、 涂 晓 彬 、 陈 月 娟 任 副 主编 。 骆 焦 煌 
编写 项 目 一 至 项 目 三 、 项 目 八 , 董 庆 伟 编 写 项 目 四 , 涂 晓 彬 编写 项 目 五 , 陈 月 娟 编写 项 目 六 ， 
何 庆 新 编写 项 目 七 ,全 书 由 骆 焦 煌 统 稿 。 本 书 的 出 版 得 到 2017 年 福建 省 本 科 高 校 重大 教育 
教学 改革 项 目的 资助 (课题 编号 : FBJG20170333)。 

本 书 知识 点 以 实用 、 够 用 为 主 ,以 任务 操作 为 主线 ,很 适合 应 用 型 人 才 培 养 的 高 等 学 校 
的 学 生 使 用 ,同时 也 适合 网 站 建设 学 习 者 作为 自学 参考 用 书 。 

本 书 在 编写 过 程 中 得 到 了 闽南 理工 学 院 领 导 的 指导 与 支持 ,以 及 信息 管理 学 院 院 长 曾 
健 民 教 授 、 抒 富 杭 老 师 的 指导 与 帮助 。 另 外 ,本 书 的 出 版 得 到 了 清华 大 学 出 版 社 领导 与 编辑 
的 大 力 支 持 与 帮助 。 在 此 一 并 表示 诚 肆 的 感谢 。 

由 于 编者 水 平 有 限 , 书 中 难免 存在 不 足 之 处 ,恳请 各 位 读者 批评 指正 。 


编 者 
2018 年 8 月 
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网 站 建设 基础 | 





“，_ 项 目 学 习 目标 | 


了 解 电子 商务 网 站 的 概念 和 功能 ; 
. 掌握 电子 商务 网 站 的 类 型 和 构成 ; 
.掌握 网 站 域名 的 申请 ; 

了 解 电 子 商务 网 站 的 建设 工具 。 


> WEIESS | 


* 任务 1 浏览 B2B,B2C.C2C 网 站 

本 任务 的 目标 是 通过 浏览 模型 比较 成 熟 的 电子 商务 网 站 ,了 解 和 领会 电子 商务 网 站 创 
建 的 目的 , 且 根 据 自己 建设 网 站 的 核心 定位 ,提出 网 站 建设 的 整体 思路 与 原则 。 

。 任 务 2 网 站 域名 申请 

本 任务 的 目标 是 根据 网 站 主题 设计 出 域名 ,能 完成 域名 申请 的 整个 流程 和 管理 。 

。 任务 3 运行 基于 ASP .NET 的 成 绩 管理 系统 

本 任务 的 目标 是 通过 运行 基于 ASP.NET 的 成 绩 管 理 系 统 , 了 解 网 站 建设 需要 用 到 的 
主要 工具 ,并 根据 需要 进行 学 习 。 


1. 
2 
3 
4. 





任务 1 浏览 B2B.B2C、C2C 网 站 


一 、 任 务实 现 


在 桌面 上 打开 Internet Explorer 浏览 器 。 在 地 址 栏 中 分 别 输入 http://www. 1688. 
com( 阿 里 巴巴 ,B2B 网 站 ) 、http://dangdang. com( 当 当 网 ,B2C) , http: //taobao. com( 淘 宝 
网 ,C2C)。 

(1) 浏览 阿里 巴巴 网 站 http://www. 1688. com, 如 图 1. 1 所 示 。 

阿里 巴巴 网 络 技术 有 限 公 司 ( 简 称 阿里 巴巴 集团 ) 成 立 于 1999 年 。 以 曾 担任 英语 教师 
的 马云 为 首 的 18 人 在 中 国 杭州 市 创办 了 阿里 巴巴 网 站 ,阿里 巴巴 网 站 为 中 小 型 制造 商 提供 
了 一 个 销售 产品 的 贸易 平台 。 经 过 8 年 的 发 展 , 阿 里 巴巴 网 络 技术 有 限 公司 于 2007 年 11 
月 6 日 在 香港 联合 交易 所 上 市 。“ 让 天 下 没有 难 做 的 生意 ”是 阿里 巴巴 集团 永恒 的 使 命 , 培 
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1.1 阿里 巴巴 网 站 


育 开 放 协同、 繁荣 的 电子 商务 生态 圈 , 是 阿里 巴巴 集团 的 战略 目标 。 和 良好 的 定位 、 稳 固 的 结 
构 、 优 秀 的 服务 使 阿里 巴巴 成 为 全 球 首 家 拥有 600 余 万 商 人 的 电子 商务 网 站 ,成 为 全 球 商人 
网 络 推广 的 首选 网 站 ,被 商人 们 评 为 “最 受 欢 迎 的 B2B 网 站 ”。 

(2) 浏览 当当 网 站 http://dangdang. com, 如 图 1. 2 所 示 。 

当当 网 成 立 于 1999 年 11 月 ,由 国内 著名 出 版 机 构 科 文 公司 .美国 老虎 基金 .美国 IDG 
集团 ,卢森堡 剑桥 集团 、 亚 洲 创业 投资 基金 (原名 软银 中 国 创业 基金 ) 共 同 投资 创立 。 当 当 网 
以 图 书 零 售 起 家 ,如 今 已 发 展 成 为 领先 的 在 线 零售 商 \ 中 国 最 大 图 书 零售 商 、 高 速 增长 的 百 
货 业 务 和 第 三 方 招商 平台 。 当 当 网 致力 于 为 用 户 提供 一 流 的 一 站 式 购物 体验 ,在 线 销售 的 
商品 包括 图 书 音像 .服装 、 孕 婴 童 家居 、 美 妆 和 3C 数码 等 几 十 个 大 类 ,注册 用 户 人 遍及 全 国 。 
当当 网 于 美国 时 间 2010 年 12 月 8 日 在 纽约 证 券 交 易 所 正式 挂牌 上 市 ,是 中 国 第 一 家 完全 
基于 线 上 业务 、 在 美国 上 市 的 B2C 网 上 商城 。 

(3) 浏览 淘宝 网 站 http://taobao. com, WA 1.3 所 示 。 

淘宝 网 是 亚太 地 区 较 大 的 网 络 零售 商 圈 , 由 阿里 巴巴 集团 在 2003 年 5 月 创立 。 淘 宝 网 
是 中 国电 子 商务 服务 业 典 型 代表 的 网 购 零售 平台 ,拥有 近 5 亿 注 册 用 户 , 每 天 有 超过 6000 
万 的 固定 访客 ,同时 每 天 的 在 线 商 品 数 已 经 超过 了 8 亿 件 ,平均 每 分 钟 售 出 4.8 万 件 商品 。 
随 着 淘宝 网 规模 的 扩大 和 用 户 数量 的 增加 ,淘宝 网 也 从 单一 的 C2C 网 络 集 市 变 成 了 包括 
C2C、 团 购 、 分 销 、 拍 卖 等 多 种 电子 商务 模式 在 内 的 综合 性 零售 商 圈 。 目 前 已 经 成 为 世界 范 
围 的 电子 商务 交易 平台 之 一 。 
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图 1.2 当当 网 站 


中 国 大 陆 - so OR 免费 注册 FEIE 


黄金 珠宝 LT] 


我 的 淘宝 
€397: 8T 全 球 家 电 I 
dUEENS ER - 


PER $A MER 


REDE 


























Am Apple 


*ügkk -商品 分 类 (0 mE?) 


潮流 美食 
Asa t 





= ED 





MAUReH 四 件 套 META 时 沿 女 粕 HUN EME 男士 外 套 BIE 行车 记录 仪 MEIU 耳机 更 多 


NEL LAMPES LEM ARA bkk ”司法 拍卖 “中国 质 千 
dc [BUE JP 
Rn /箱包 /配件 
GERA (BR 
家 电 / 数码 /手机 
tk / 洗 护 / 保健 品 
珠宝 /眼镜 /手表 
运动 /户外 /乐器 
游戏 /动漫 /影视 
美食 / 生 鲜 /零食 
ETIM / 农 次 








Beef Tare eses =i ri 


图 1.3 淘宝 网 站 
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二 、 知 识 学 习 
1. 电子 商务 网 站 的 定义 


电子 商务 网 站 是 指 一 个 企业 、 机 构 或 公司 在 互联 网 上 建立 的 站 点 ,是 企业 、 机 构 或 公司 
开展 电子 商务 的 基础 设施 和 信息 平台 ,是 实施 电子 商务 的 公司 或 商家 与 客户 之 间 的 交互 界 
面 。 如 宣传 企业 形象 ,发 布 . 展 示 商 品 信 息 ,实现 电子 交易 ,并 通过 网 络 开展 与 商务 活动 有 关 
的 各 种 售 前 和 售后 服务 ,全 面 实现 电子 商务 功能 。 

电子 商务 网 站 是 企业 、 机 构 或 公司 从 事 电 子 商 务 活动 的 基本 平台 ,有 利于 改进 业务 流 
程 ,提高 管理 水 平 ,能 更 好 地 为 客户 服务 。 网 站 运营 与 管理 的 水 平 已 成 为 衡量 企业 综合 素质 
的 重要 标志 。 


2. 电子 商务 网 站 的 功能 


电子 商务 网 站 的 功能 关系 到 电子 商务 业务 能 否 具 体 实现 ; 电子 商务 网 站 功能 的 设计 是 
电子 商务 实施 与 运作 的 关键 环节 ,是 电子 商务 应 用 系统 构建 的 前 提 。 随 着 网 络 信息 技术 的 
逐渐 发 展 和 普及 ,企业 都 认识 到 利用 互联 网 进行 品牌 建设 ,市 场 拓 展 的 重要 性 。 由 于 在 网 上 
开展 的 电子 商务 业务 不 尽 相 同 ,所 以 每 一 个 电子 商务 网 站 在 具体 实施 功能 上 也 不 相同 。 企 
业 利用 互联 网 的 形式 包括 B2B、B2C 等 电子 商务 形式 。 其 中 有 些 企业 专注 于 电子 商务 ,也 有 
些 企业 利用 电子 商务 作为 商业 运作 的 第 二 渠道 。 但 无 论 哪 种 企业 ,电子 商务 网 站 的 功能 殊 
途 同 归 , 即 充分 利用 互联 网 信息 传播 范围 广 , 传 播 速度 快 的 优势 ,拓展 线 下 交易 ,建立 网 上 展 
示 、 交 易 平台 。 对 企业 电子 商务 网 站 来 说 ,一 般 要 拥有 以 下 功能 。 

CD 商品 展示 。 这 是 一 个 基本 且 十 分 重要 的 功能 。 用 户 进入 企业 的 电子 商务 网 站 ,应 
该 像 进入 现实 中 的 超市 一 样 ,能 够 看 到 琳琅 满目 的 商品 。 利 用 网 络 媒体 进行 产品 的 推销 ,无 
疑 使 企业 多 了 一 条 很 有 前 途 的 营销 渠道 。 这 些 商 品 是 经 过 分 类 的 ,就 像 超 市 中 将 商品 分 为 
服装 类 海鲜 类 、 家 电 类 等 一 样 。 企 业 可 以 在 电子 商务 网 站 上 对 某 些 商品 开展 广告 促销 
活动 。 

(2) 信息 检索 。 电 子 商 务 网 站 提供 信息 搜索 与 查询 功能 ,可 以 使 客户 在 电子 商务 数据 
库 中 轻松 而 快捷 地 找到 需要 的 信息 ,这 是 电子 商务 网 站 使 客户 久 留 的 重要 因素 。 如 果 一 个 
电子 商务 网 站 的 内 容 非常 丰富 ,而 且 企业 的 产品 种 类 繁多 ,要 想 将 所 提供 的 服务 和 商品 信息 
详尽 地 介绍 给 客户 ,就 应 该 使 用 数据 库 为 浏览 者 提供 准确 ,快捷 的 检索 服务 。 这 是 体现 网 站 
信息 组 织 能 力 和 拓展 信息 交流 与 传递 途径 的 功能 。 

(3) 商品 订购 。 电 子 商 务 可 借助 Web 中 的 邮件 交互 传送 实现 网 上 的 订购 。 用 户 想 购 
买 商品 时 ,可 以 将 商品 放 人 购物 车 。 当 客户 填 完 订 购 单 后 ,通常 系统 会 回复 确认 信息 单 来 保 
证 订购 信息 的 收 悉 。 该 功能 不 仅 依赖 于 技术 的 设计 与 实现 ,还 依赖 于 网 站 主体 在 设计 时 从 
简化 贸易 流程 且 便 于 用 户 运用 的 角度 去 构思 。 用 户 发 现 自己 感 兴趣 的 商品 时 , 单 击 该 商品 
可 以 看 到 该 商品 的 文字 、 图 片 .视频 等 多 种 样式 的 描述 性 信息 。 网 上 的 订购 通常 是 在 产品 介 
绍 的 页 面 上 提供 十 分 友好 的 订购 提示 信息 和 订购 交互 对 话 框 ,实现 用 户 在 线 贸易 磋商 \ 在 线 
预订 商品 、 网 上 购物 或 获取 网 上 服务 的 业务 的 功能 ,提供 全 天 候 的 随时 交易 。 

(4) 网 上 支付 。 除 交易 外 ,网 上 支付 是 重要 的 环节 。 网 上 支付 必须 要 有 电子 金融 来 支 
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持 , 即 银行 或 信用 卡 公司 及 保险 公司 等 金融 单位 要 为 金融 服务 提供 网 上 操作 的 服务 。 在 网 
上 直接 采用 电子 支付 手段 可 省 略 交易 中 很 多 人 员 的 开销 。 电 子 商 务 要 成 为 一 个 完整 的 过 
程 ,网 上 支付 需要 更 为 可 靠 的 信息 传输 安全 性 控制 以 防止 欺骗 窃听 、 冒 用 等 非法 行为 。 目 
前 ,客户 和 商家 之 间 主 要 采用 信用 卡 进 行 支付 ,信用 卡号 或 银行 账号 都 是 电子 账户 的 一 种 标 
志 。 一 些 新 的 网 上 支付 形式 在 不 断 探索 中 。 为 保证 支付 的 安全 性 ,必须 应 用 如 数字 证 书 、 数 
字 签 名 .加密 等 手段 。 

(5) 信息 管理 。 完 全 的 电子 商务 网 站 还 要 包括 销售 业务 信息 管理 功能 。 客 户 信息 管理 
是 反映 网 站 主体 能 否 以 客户 为 中 心 .能 和 否 充 分 地 利用 客户 信息 挖掘 市 场 潜力 的 有 重要 利用 
价值 的 功能 ,是 电子 商务 中 主要 的 信息 管理 内 容 。 网 络 的 连通 使 企业 能 够 及 时 地 接收 、 处 
理 、 传 递 与 利用 相关 的 数据 资料 ,并 使 这 些 信 息 有 序 而 有 效 地 流动 起 来 ,为 企业 其 他 信息 管 
理 系统 ,如 ERP、SCM 等 提供 信息 支持 。 

(6) 信息 反馈 。 一 个 成 功 的 网 站 必须 是 交互 性 的 、 多 点 信息 互动 的 。 企 业 商 务 网 站 对 
于 收集 客户 的 反馈 信息 尤为 重要 。 企 业 发 布 功能 包括 新 闻 的 动态 更 新 .新 闻 的 检索 ,热点 问 
题 追踪 ,行业 信息 、 供 求 信 息 、 需 求 信息 的 发 布 等 。 企 业 可 以 利用 网 站 收集 客户 反馈 回来 的 
信息 ,然后 根据 这 些 信息 做 出 自己 的 决定 。 

(7) 形象 宣传 。 电 子 商 务 可 凭借 企业 的 Web 服务 器 和 客户 的 浏览 ,在 Internet. 上 发 布 
各 类 商业 信息 。 企 业 建 立 自己 的 商务 网 站 并 率先 打造 与 树立 企业 形象 ,是 企业 利用 网 络 媒 
体 开展 业务 的 最 基本 的 出 发 点 。 与 以 往 的 各 类 广告 相 比 ,网 上 的 广告 成 本 最 为 低廉 ,而 给 客 
户 的 信息 量 却 最 为 丰富 。 客 户 可 借助 网 上 的 检索 工具 迅速 地 找到 所 需 商品 信息 ,而 商家 可 
利用 网 上 主页 和 电子 邮件 在 全 球 范围 内 做 广告 宣传 。 


3. 电子 商务 网 站 的 特点 


电子 商务 网 站 具有 以 下 特点 。 

CD 商务 性 。 电 子 商务 平台 最 基本 的 特性 为 商务 性 , 即 为 买卖 双方 提供 买卖 交易 的 机 
会 。 就 商务 性 而 言 , 电 子 商务 可 以 扩展 市 场 ,增加 客户 数量 ; 通过 将 万 维 网 信息 连接 至 数据 
库 , 企 业 就 能 记录 下 每 次 访问 的 内 容 、 销 售 数量 ,购买 形式 和 购 货 动态 以 及 客户 对 产品 的 关 
注 , 这 样 卖方 可 以 通过 具体 的 数据 分 析 对 目标 客户 人 群 数据 进行 抓 取 。 

(2) 服务 性 。 在 电子 商务 平台 上 ,卖方 不 再 受 时 间 和 地 域 的 限制 ,买方 可 以 随时 随地 访 
问 自己 关注 的 产品 。 企 业 通过 将 产品 服务 移 至 互联 网 上 ,使 客户 能 方便 地 获得 产品 或 服务 。 

(3) 全 球 性 。 互 联网 是 全 球 性 的 ,这 也 决定 了 电子 商务 平台 也 是 全 球 性 的 。 无 论 何 时 
何 地 ,只 要 能 登录 电子 商务 网 站 ,就 可 以 随心 所 欲 地 访问 任何 国家 、 地 域 的 网 上 商城 系统 , 通 
过 跨越 时 间 空间 ,使 企业 在 特定 的 时 间 里 能 够 接触 到 更 多 的 客户 ,为 企业 提供 了 更 广阔 的 
发 展 环境 。 

CD 价值 性 。 与 传统 的 商业 模式 相 比 ,电子 商务 平台 很 明显 可 以 使 企业 以 极 低 的 成 本 
进入 全 球 化 的 电子 化 市 场 ,中 小 企业 可 以 拥有 和 大 企业 一 样 的 电子 商务 网 站 ,并 且 参 与 到 市 
场 的 争夺 中 ,这 对 全 球 的 经 济 带 来 了 价值 。 由 于 在 互联 网 浏览 的 大 多 是 一 些 寻 找 信息 的 人 
们 ,因此 要 确定 网 站 将 为 他 们 提供 的 是 有 价值 的 内 容 ,电子 商务 平台 可 以 给 用 户 带 来 价值 。 

(5) 资源 共享 性 。 互 联网 使 得 传统 的 空间 概念 发 生变 化 ,出 现 了 有 别 于 实际 地 理 空 间 
的 电子 商务 平台 。 处 于 世界 任何 角落 的 个 人 、 公 司 或 机 构 ,可 以 通过 电子 商务 平台 紧密 地 联 
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系 在 一 起 ,建立 网 上 商城 系统 ,通过 电子 商务 网 站 以 达到 信息 共享 ,资源 共享 ,智力 共享 等 。 

(6) 互动 性 。 通 过 网 上 商城 系统 ,商家 之 间 可 以 直接 交流 ,谈判 , 签 合同 , 消 费 者 也 可 以 
把 自己 的 反馈 建议 反映 到 企业 或 商家 的 电子 商务 平台 ,而 企业 或 者 商家 则 要 根据 消费 者 的 
反馈 及 时 调查 产品 种 类 及 服务 品质 ,在 电子 商务 平台 做 到 良性 互动 。 

(7) 集成 性 。 电 子 商 务 平台 是 一 种 高 新 技术 的 产物 ,电子 商务 的 集成 性 在 于 事务 处 理 
的 整体 性 和 统一 性 , 它 能 规范 事务 处 理 的 工作 流程 ,将 人 工 操作 和 电子 信息 处 理 集成 为 一 个 
不 可 分 割 的 整体 。 这 样 不 仅 能 提高 人 力 和 物力 的 利用 ,也 提高 了 系统 运行 的 严密 性 。 电 子 
商务 平台 可 以 与 客户 关系 管理 系统 、 供 应 链 管 理 系统 集成 ,可 以 帮助 企业 集成 新 旧 资源 、 充 
分 利用 已 有 资源 。 

(8) 可 扩展 性 。 要 使 电子 商务 平台 随 着 企业 业务 正常 运作 ,必须 确保 其 可 扩展 性 。 可 
扩展 性 的 网 上 商城 系统 对 于 电子 商务 企业 而 言 才 是 最 稳定 的 系统 。 电 子 商务 网 站 必须 在 出 
现 高 峰 状况 时 能 及 时 扩展 ,这 样 才能 使 得 系统 阻塞 的 可 能 性 大 大 下 降 。 例 如 ,一 家 企业 原来 
计划 每 天 可 接受 10 万 人 次 的 访问 ,而 事实 上 每 天 却 有 30 万 人 次 的 访问 , 则 企业 的 服务 器 必 
须 具 有 扩展 延伸 ,否则 客户 访问 速度 将 会 急剧 下 降 ,甚至 会 影响 产品 的 销售 利润 。 

(9) 安全 性 。 对 于 电子 商务 平台 ,安全 性 是 客户 考虑 的 核心 问题 。 阿 里 巴巴 集团 成 功 
解决 了 取得 客户 安全 性 信任 的 问题 。 目 前 有 各 式 各 样 的 钓鱼 网 站 ,存在 欺骗 .窃听 、 病 毒 和 
非法 入 侵 ,这 些 都 在 威胁 着 电子 商务 , 随 着 技术 的 发 展 , 电 子 商 务 平台 的 安全 性 也 会 相应 得 
以 增强 。 

(10) 协调 性 。 电 子 商 务 平台 的 背后 是 一 个 协调 过 程 , 它 需 要 雇员 和 客户 ,生产 方 、 供 货 
方 以 及 商务 伙伴 间 的 协调 。 传 统 的 电子 商务 平台 对 用 户 来 说 是 简便 的 ,友好 的 ,是 用 户 信息 
反馈 的 工具 ,决策 者 能 够 通过 电子 商务 网 站 获得 高 价值 的 商业 数据 ,有 助 于 决策 者 进行 科学 
决策 。 


4. 电子 商务 网 站 的 评价 指标 


电子 商务 网 站 的 管理 水 平和 服务 质量 ,通常 由 以 下 几 个 常用 的 指标 来 评价 。 

(D PR(CPage Rank) ffi. PR 值 是 用 来 标识 网 页 等 级 的 一 个 标准 ,是 Google 公司 用 于 
评测 一 个 网 页 重要 性 的 一 种 方法 。 级 别 为 0 一 10 级 ,10 级 为 满分 。PR 值 越 高 ,说 明 该 网 页 
越 受 欢迎 。 例 如 ,一 个 PR 值 为 1 的 网 站 表明 这 个 网 站 不 太 具 有 流行 度 ,而 PR 值 为 7 一 10 
则 表明 这 个 网 站 非常 受 欢迎 。 

(2) PV(Page View) 值 。PV 值 即 页 面 浏览 量 ,或 单 击 量 。 在 企业 实施 电子 商务 的 过 程 
中 ,首先 就 是 要 让 更 多 的 人 知道 和 使 用 其 网 站 ,这 就 是 所 谓 的 网 站 流量 。 网 站 流量 相当 于 实 
体 零售 店 的 客流 量 。 

G) 提 袋 率 。 提 袋 率 指 一 定时 间 内 ,将 商品 放 入 购物 车 的 顾客 人 数 占 该 时 间 段 网 站 访 
问 量 的 比例 。 虽然 将 商品 加 入 购物 车 里 的 消费 者 并 不 一 定 要 购买 ,但 提 袋 率 可 以 帮助 企业 
分 析 哪 些 产 品 是 消费 者 曾经 感 兴趣 但 最 终 放弃 的 ,从 而 帮助 企业 改进 产品 经 营 策略 。 

(4) 流量 转化 率 。 流 量 转 化 率 即 在 一 定时 间 内 的 订单 数 占 访问 量 的 比例 。 例 如 ,当当 
网 每 天 有 30 万 人 访问 ,订单 数 为 1500 单 , 则 转化 率 为 0.5%。 只 有 当 网 站 流量 转化 为 订单 
数 , 企 业 才 能 获得 产品 的 利润 。 

(5) 网 站 粘度 。 网 站 粘度 指 网 站 能 “ 粘 住 ”用 户 的 程度 ,也 就 是 指 用 户 对 某 一 网 站 的 重 
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(6) 网 站 用 户 回 头 率 。 网 站 用 户 回头 率 指 用 户 访问 网 站 的 频率 ,主要 是 衡量 用 户 是 否 
经 常 浏览 同一 个 网 站 。 


5. 电子 商务 网 站 的 分 类 


1) 按照 参与 的 交易 对 象 分 类 

(1) 企业 对 企业 的 电子 商务 网 站 (简称 为 BtoB 或 B2B): 指 网 站 进行 的 交易 活动 是 在 
企业 与 企业 之 间 进 行 的 , 即 企 业 与 企业 之 间 通 过 网 站 进行 产品 或 服务 的 经 营 活动 。 类 似 的 
网 站 有 阿里 巴巴 .慧聪 网 等 。 这 类 电子 商务 除 当 事 人 双方 之 外 ,还 需要 涉及 相关 的 银行 、 认 
证 、 税 务 保险、 物流 配送 .通信 等 行业 部 门 ; 对 于 国 与 国之 间 的 B2B, 还 要 涉及 海关 、 商 检 、 
担保 、 外 运 、 外 汇 等 行业 部 门 。 

(2) 企业 对 消费 者 的 电子 商务 网 站 (简称 为 BtoC 或 B2C): 指 网 站 进行 的 交易 活动 是 
在 企业 与 消费 者 之 间 进行 的 , 即 企业 通过 网 站 为 消费 者 提供 产品 或 者 服务 的 经 营 活 动 。 类 
似 的 网 站 有 天 猫 、 当 当 网 、 亚 马 逊 等 。 目 前 ,在 互联 网 上 遍布 这 类 商业 中 心 ,提供 鲜花 ,快餐 、 
书籍 、 保 险 、 家 电 , 汽 车 等 各 种 消费 商品 以 及 多 种 服务 。 

(3) 消费 者 对 消费 者 的 电子 商务 网 站 (简称 为 CtoC 或 C2C): 指 网 站 进行 的 交易 活动 
是 在 消费 者 与 消费 者 之 间 进 行 的 , 即 消费 者 通过 网 站 进行 产品 或 服务 的 经 营 活动 。 类 似 的 
网 站 有 淘宝 网 、 拍 拍 网 等 。 

(4) 企业 对 政府 的 电子 商务 网 站 (简称 为 BtoG 或 B2G): 指 企 业 与 政府 之 间 通 过 网 
络 所 进行 的 交易 活动 。 例 如 ,政府 采购 , 它 是 指 政府 机 构 在 网 上 进行 产品 、 服 务 的 招标 和 
采购 。 另 外 还 有 电子 通关 、 电 子 纳税 等 企业 与 政府 间 的 业务 等 。 类 似 的 网 站 有 中 国政 府 
采购 网 等 。 

2) 按 产 品 线 宽度 与 深度 分 类 

(1) 综合 型 网 站 : 此 类 网 站 是 能 够 提供 多 行业 、 多 种 产品 类 型 的 经 营 网 站 ,通常 聚集 了 
大 量 产品 ,类 似 于 网 上 购物 中 心 , 旨 在 为 用 户 提 供 产 品 线 宽 、 可 比 性 强 的 商品 服务 ,在 广度 上 
深入 拓展 。 例 如 ,阿里 巴巴 .慧聪 网 都 是 B2B 的 综合 型 网 站 ,而 易 购 网 、 当 当 网 、 携 程 旅行 网 
是 B2C 的 综合 型 网 站 。 

例如 ,携程 旅行 网 (http://vacations. ctrip. com/) ,如 图 1.4 所 示 , 它 创立 于 1999 年 ,总 
部 设 在 中 国 上 海 , 现 有 员工 30 000 余人 ,在 北京 、 广 州 、 深 圳 等 国内 17 个 城市 设 有 分 公司 。 
目前 ,携程 旅行 网 是 中 国 最 大 的 旅游 集团 。 于 2003 年 12 月 9 日 在 美国 纳 斯 达 克 成 功 上 市 ， 
作为 中 国 领 先 的 综合 性 旅行 服务 公司 ,携程 旅行 网 向 超过 2. 5 亿 注 册 会 员 提 供 包括 酒店 预 
订 、 机 票 预订 、 旅 游 度 假 、 商 旅 管理 及 攻略 社区 在 内 的 全 方位 旅行 服务 。 

(2) 垂直 型 网 站 : 此 类 网 站 能 提供 某 一 类 产品 及 其 相关 产品 (互补 产品 ) 的 一 系列 服 
务 。 垂 直 型 是 指 在 一 个 分 销 渠 道中 ,生产 商 、 批 发 商 ,零售 商 被 看 作 一 个 单一 的 体系 。 例 如 ， 
销售 包 包 ,潮流 /真皮 女 包 、\ 绅 士 男 包 、 运 动 /旅行 包 、 儿 童 包 、 配 件 等 产品 的 商务 网 站 ,为 顾客 
一 站 式 服 务 到 位 。 

中 国 服装 网 、 中 国 化 工 网 是 B2B 的 垂直 型 网 站 ,而 红 孩 子 、 麦 包 包 是 B2C 的 垂直 型 
网 站 。 

例如 , 麦 包 包 网 (http://www. mbaobao. com) ,如 图 1. 5 所 示 , 它 成 立 于 2007 年 ,是 国 
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图 1.5 麦 包 包 网 站 
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内 领先 的 时 尚 箱包 网 站 。 得 益 于 世界 范围 的 互联 网 浪潮 及 中 国电 子 商务 环境 的 成 熟 与 飞速 
发 展 , 麦 包 包 凭借 丰富 的 产品 线 、 时 尚 的 设计 、 优 异 的 性 价 比 和 精准 的 市 场 定 位 ,涵盖 女性 、 
男性 对 时 尚 包 袋 的 大 部 分 需求 ,已 成 为 中 国 箱包 业 的 领导 者 ,迅速 在 电 商 市 场 占据 一 席 
之 地 。 

目前 , 麦 包 包 网 累计 拥有 1200 万 注册 会 员 及 350 万 购买 客户 。 通 过 自主 品牌 研发 , 麦 
包 包 旗下 拥有 六 条 涵盖 不 同 风格 的 产品 线 , 上 千 款 产品 ,并 获得 多 项 外 观 专 利 。 麦 包 包 已 实 
现 为 全 球 客户 提供 从 箱包 设计 、 生 产 加 工 、 品 牌 推广 ,在 线 销售 以 及 进出 口 贸 易 的 一 条 龙 服 
务 , 并 已 发 展 成 为 中 国 领先 的 在 线 箱包 直销 网 站 。 

垂直 型 网 站 具有 两 个 主要 特点 : 一 是 专 ,集中 全 部 精力 和 团队 力量 打造 独特 的 专业 性 
信息 平台 ,主要 以 行业 为 特色 ,对 某 一 行业 做 全 面 的 分 析 研 究 ; 二 是 深 , 对 某 一 行业 具有 独 
特 的 专业 性 质 , 在 专业 的 同时 深入 研究 某 一 行业 的 特点 ,深入 探究 对 其 服务 、 赢 利 以 及 未 来 
发 展 的 方向 。 








任务 2 网 站 域名 申请 


一 、 任务 实现 

CD 打开 中 国 万 网 (http://www. net. cn 或 http://wanwang. aliyun. com), 如 图 1. 6 
所 示 , 单 击 “ 免 费 注册 ”按钮 ,结果 如 图 1.7 所 示 , 填 写 注册 相关 信息 , 单 击 “ 同 意 条 款 并 注册 ” 
按钮 ,结果 如 图 1.8 所 示 。 


$i "x 邮箱 UR 





图 1.6 中 国 万 网 主页 


(2) 输入 域名 luojiaohuang2 ,选择 . cn, 单 击 “ 查 域名 ”按钮 ,查询 域名 未 注册 界面 如 
图 1.9 所 示 。 
G) 在 右边 选择 缴费 方式 ,如 图 1. 10 所 示 , 单 击 “ 加 入 清单 ”按钮 ,结果 如 图 1. 11 


所 示 。 
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图 1.7 会 员 注册 界面 
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图 1.8 会 员 注 册 成 功 
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图 1.9 查询 域名 未 注册 界面 


项 目 一 ”网 站 建设 基础 fn) 





阿里 云 首页 > 域名 与 网 站 > 域名 服务 > 域名 查询 结果 











PERL | 批量 注册 | CN 地 方 域名 查询 | 域名 智能 推荐 | 白金 域 名 价格 总 览 >> HAMR 














luojiaohuang2 n ow 











CAE EZ U 29 元 / 首 年 更 多 价格 ~ 已 加 入 












luojiaohuang2.cn( 未 注册 ) ETpETS EST 














新 注 价格 anme 
AE 3 SẸ 10 1Ẹ 3% 5 年 10 
29 107 185 380 39 117 195 390 





ANEMU FETES. EUIPRET HERD SERIA 






luojiaohuang2.com( 未 注册) ECESETHILESURTITTEERR- ERE] 


图 1.10 域名 缴费 方式 界面 


阿里 云 建 站 中 心 


提供 建站 指引 、 pn 
E 
= D 


P 
于 域名 清单 (1) 清空 





luoji**ng2.cn 
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1.11 域名 清单 界面 


COD 单 击 “ 去 结算 ”按钮 ,呈现 确认 订单 界面 ,如 图 1. 12 所 示 。 在 “批量 选择 年 限 ” 下 拉 
列表 框 中 ,选择 付费 年 限 和 所 有 者 类 型 , 单 击 “创建 信息 模板 ”, 结 果 如 图 1. 13 所 示 。 单 击 
“创建 新 信息 模板 ”按钮 ,结果 如 图 1. 14 所 示 。 填 写 相 应 信息 , 单 击 “ 保 存 ” 按 钮 ,返回 创建 的 
信息 模板 界面 ,如 图 1.15 所 示 。 

(5) 单 击 “ 未 实名 认证 ”按钮 ,呈现 实名 认证 信息 填写 界面 ,如 图 1. 16 所 示 。 填 写 相 关 
信息 , 单 击 “ 保 存 ” 按 钮 。 

(6) 完成 以 上 操作 , 单 击 图 1. 12 所 示 的 “立即 购买 ”按钮 ,选择 付费 方式 。 至 此 完成 整 
个 域名 申请 流程 。 
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图 1.13 创建 信息 模板 界面 
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域名 列表 实名 认证 证 件 美 型 : Y 
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.16 实名 认证 信息 填写 界面 


二 、 知 识 学 习 
1. 网 站 域名 


域名 就 是 企 事 业 单位 、 机 构 或 个 人 向 域名 注册 商 申请 的 名 称 , 如 www. fjedu. gov. cn 是 
一 个 通过 计算 机 在 网 络 中 访问 某 个 单位 网 站 的 网 络 地 址 。 一 个 公司 或 个 人 如 果 和 希望 在 网 络 
上 建立 自己 的 主页 ,就 必须 取得 一 个 域名 ,域名 的 取得 必须 向 域名 注册 商 申请 ,只 有 获得 申 
请 通过 , 才 是 合法 的 域名 。 域 名 由 若干 部 分 组 成 ,其 结构 如 下 : 


主机 和 名: = ,第 二 级 域名 ,第 一 级 域名 


1) 域名 的 类 型 

域名 分 为 两 种 : 一 是 国际 域名 ,是 使 用 最 早 、 最 广泛 的 域名 ,如 表示 网 络 提 供 商 的 . net、 
表示 商业 机 构 的 . com 等 ; 二 是 国内 域名 , 即 按照 国家 的 不 同 分 配 不 同 的 后 级 ,这 些 域名 即 
为 该 国 的 国内 顶级 域名 ,如 中 国 为 . en、 美国 为 . us .日 本 为 .jp 等 。 

我 国 在 国际 互联 网 络 信 息 中 心 (Inter NIC) 正 式 注册 并 运行 的 顶级 域名 是 . cn, 也 是 我 
国 的 顶级 域名 。 在 顶级 域名 之 下 ,我国 的 二 级 域名 又 分 为 类 别 域名 和 行政 区 域名 两 类 。 类 
别 域名 共有 6 个: .ac( 科 研 机 构 )、. com (金融 企 业 )、. edu( 教 育 机 构 )、. gov( 政 府 部 门 )、 
.net( 互 联网 络 信息 中 心 ) .org( 非 营利 组 织 )。 行政区 域名 有 34 个 ,分 别 对 应 于 我 国 各 省 、 
自治 区 和 直辖 市 。 

我 国 省 级 行政 区 域名 如 下 : BJ- 北 京 市 .SH- 上 海 市 .TJ- 天 津 市 .CQ- 重 庆 市 .HE- 河 北 省 
(HB 为 湖北 省 )、SX- 山 西 省 .NM- 内 蒙古 自治 区 、LN- 辽 宁 省 、JL- 吉 林 省 .HL- 黑 龙 江 省 、JS- 
江苏 省 、2ZJ- 浙 江 省 .AH- 安 徽 省 .FJ- 福 建 省 .JX- 江 西 省 .SD- 山 东 省 .HA- 河 南 省 (HN 为 湖 
南 省 )、HB- 湖 北 省 .HN- 湖 南 省 .GD- 广 东 省 .GX- 广 西 壮 族 自 治 区 、HI- 海 南 省 (HN 为 湖南 
省 )、SC- 四 川 省 .GZ- 贵 州 省 、YN- 云 南 省 、XZ- 西 藏 自治 区 、SN- 陕 西 省 (SX 为 山西 省 )、GS- 甘 
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肃 省 .QH- 青 海 省 .NX- 宁 夏 回 族 自 治 区 、XJ- 新 疆 维 吾 尔 族 自治 区 、TW- 台 湾 省 .HK- 香 港 特 
别 行政 区 .MO- 澳 门 特别 行政 区 。 

2) 域名 的 命名 规则 

由 于 在 Internet. 上 的 各 级 域名 分 别 由 不 同 的 管理 机 构 管理 ,因此 各 个 机 构 对 域名 的 管 
理 方式 和 域名 的 命名 规划 也 有 所 不 同 。 但 域名 的 命名 都 有 一 定 的 共同 规定 ,主要 有 以 下 
几 点 。 

(1) 只 提供 英文 字母 (a 一 z, 不 区 分 大 小 写 ) .数字 (0 一 9) 以 及 -( 英 文中 的 连词 号 , 即 中 横 
Zo ,不 能 使 用 空格 及 特殊 字符 (如 !、$ 、&、? 等 )。 

(2) -不 能 用 作 开 头 和 结尾 。 

(3) 长 度 有 一 定 限制 ,如 中 国 万 网 规定 不 能 超过 63 个 字符 。 

OD 不 得 含有 危害 国家 及 政府 的 文字 。 

3) 域名 的 申请 

(1) 准备 申请 资料 。 

(2) 在 中 国 互联 网 络 信息 中 心 网 站 (简称 CNNIC, 网 址 为 http://www. cnnic. net. cn) 
查找 域名 注册 服务 商 。 

(3) 在 中 国 互联 网 络 信息 中 心 或 域名 注册 服务 商 网 站 为 命名 的 域名 查询 是 否 已 被 
注册 。 

(4) 正式 申请 ,提交 相关 的 材料 ,缴费 。 

(5) 域名 申请 成 功 , 即 可 进入 DNS 域名 解析 等 操作 。 

4) 域名 解析 

域名 注册 成 功 后 ,要 想 看 到 自己 的 网 站 能 被 访问 ,还 需要 进行 域名 解析 。 所 谓 域名 解析 
就 是 把 申请 的 域名 和 IP 地 址 进行 映射 。 一 个 域名 对 应 一 个 IP 地 址 ,一 个 IP 地址 可 以 对 应 
多 个 域名 ,所 以 多 个 域名 可 以 同时 被 解析 到 一 个 IP 地 址 。 域 名 解析 需要 由 专门 的 域名 解析 
服务 器 (DNS) 来 完成 。 例 如 ,中国 万 网 云 解 析 。 

5) 域名 备案 

域名 备案 是 指针 对 有 网 站 的 域名 到 国家 工业 和 信息 化 部 (http://beian123. org. cn) 提 
交 网 站 的 相关 信息 ,如 图 1.17 所 示 。 其 目的 是 防止 在 网 上 从 事 非法 的 网 站 经 营 活动 。 域 名 
的 备案 流程 可 在 国家 工业 和 信息 化 部 的 备案 流程 栏目 中 根据 备案 指南 进行 操作 。 

域名 的 备案 分 为 经 营 性 域名 备案 和 非 经 营 性 域名 备案 两 种 。 经 营 性 域名 备案 是 指 通 过 
互联 网 向 上 网 用 户 有 偿 提 供 信息 的 服务 ; 非 经 营 性 域名 备案 是 指 通过 互联 网 向 上 网 用 户 无 
偿 提 供 具有 人 免费、 公开 、 共 享 的 信息 服务 。 

申请 经 营 性 域名 备案 应 当 具 备 两 个 条 件 : 一 是 网 站 的 所 有 者 拥有 独立 域名 ,或 得 到 独 
立 域名 所 有 者 的 使 用 授权 ( 即 持 有 域名 证 书 ); 二 是 网 站 所 有 者 要 持 有 《企业 法 人 营业 执照 》 
或 4 个 体 工商 户 营业 执照 》。 

申请 非 经 营 性 域名 备案 应 当 进行 前 置 审批 手续 ,前 置 审批 程序 需 根 据 人 互联 网 信息 服务 
管理 办 法 ) 等 有 关 规 定 进行 审核 。 待 前 置 审批 手续 通过 ,才能 进行 报 备 流程 及 安装 电子 证 书 
和 在 网 站 页 面 底 端 创建 一 个 备案 号 链接 ,如 图 1. 18 所 示 。 该 链接 指向 互联 网 网 站 备案 管理 
服务 平台 (http://www. beian. gov. cn) ,如 图 1. 19 所 示 。 


16 ”网 站 设计 与 管理 项 目 化 教程 


S) ee 


工业 用 信息 








Ad 


您 是 第 5579357326 位 访问 者 






(D ESZRE: 010-66411166 
Ni Ca 备案 






工业 和 信息 化 部 关于 同意 者 2019-01-24 > 工业 和 信息 化 部 关于 同意 北京 区 2016-01-24 En 
IHRE 
工业 和 入 生化 部 关于 同意 和 2019-01-24 关于 工业 和 信息 化 部 IC?/I 2016-01-02 
IRURE 
工业 和 入 和 化 部 关于 同意 环 2019-01-24 > 工业 和 全息 化 攻关 于 规 苍 了 联网 2011-12-28 
wsmssswa 
> 工业 和 全息 化 部 关于 同意 ameoa > 关于 工业 和 信息 化 邦 IcP/ 2071-12-14 
TI 备案 演示 











mma [Win — 

BARS 

E EN 
v 法 律 法 规 Ge) ”系统 帮助 过 入 
+ 人 本 联 同城 名 管理 办 法 》 中 华人 民 共和 国 工业 > 网 站 主办 者 使 用 手册 -部 级 系统 、 GOARE 
,a ed 
^ (DMPRBESTSD ipte BEWHECOUADSIESR ORE Sicuani. [PSS s] 
> (PRARHTJMARMD 《 中 华人 民 共 BAAG IBAI 

CHEEMTPPRBRSSXEEDO ( 
家 工业 和 信息 化 部 网 站 
1.18 备案 号 链接 
互联 网 站 备案 信息 





为 了 保护 网 络 信息 安全 ,保障 公民 、 法 人 和 [其 他 组 织 的 合法 权益 , 维护 国家 安全 和 社会 公共 利益 ， 公 安 机 关 格 备案 网 站 的 甘 本 情 



































况 公布 和 下 : 
网 站 基本 睛 况 
RM 名称 泉州 9 和 学院 
prg queeduen 
开办 主体 大 中 院 校 
Faaal kaa c 
网 站 所 有 考 基本 情况 
开办 者 名 称 Boios 
公安 备案 号 35050302000128 
备案 地 公安 机 关 福 汪 省 泉州 市 丰 译 区 网 安 大 队 
LT === 





图 1.19 互联 网 网 站 备案 管理 平台 
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2. 网 站 物理 位 置 


网 站 物理 位 置 即 网 站 的 存储 空间 ,由 专门 的 服务 器 或 租用 的 虚拟 机 承担 。 例 如 ,阿里 云 
服务 器 空间 租用 。 


3. 网 页 


网 页 是 构成 网 站 的 基本 元 素 。 网 页 是 一 个 包含 HTML 标签 的 文件 , 称 为 网 页 文件 ,是 
将 信息 内 容 通 过 浏览 器 展现 出 来 ,如 图 1. 20 所 示 。 网 页 文件 即 网 站 的 源 文件 ,网 页 之 间 以 
超 链接 相互 关联 。 网 站 是 由 若干 网 页 文件 和 相关 素材 文件 (如 视频 文件 .图 像 文件 等 ) 组 成 。 
电子 商务 网 站 分 为 前 台 页 面 和 后 台 页 面 两 种 。 前 台 页 面 主要 提供 用 户 的 注册 、 商 品 的 展示 、 
信息 公告 等 ; 后 人 台 页 面 主要 包括 对 商品 信息 的 增加 、 删 除 、 更 新 和 用 户 信息 的 管理 等 ,如 
图 1. 21 所 示 。 
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图 1.20 信息 内 容 在 浏览 器 中 显示 效果 
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图 1.21 后 台 页 面 


4. 货款 结算 


客户 在 电子 商务 网 站 选 购 商 品 ,一 般 通过 购物 车 进行 选 购 , 然 后 再 进行 商品 货款 结算 ， 
最 后 通过 订单 确认 商品 相关 信息 和 商品 邮寄 时 间 、 地 点 、 联 系 人 等 信息 ,然后 进行 付款 。 
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5. 客户 资料 管理 

客户 资料 管理 主要 包括 客户 注册 的 个 人 相关 信息 ,如 姓名 、 联 系 电话 、 邮 箱 、 地 址 等 。 

6. 商品 数据 库 管 理 

商品 数据 库 管 理 主要 包括 商品 的 相关 信息 ,如 商品 名 称 、 商 品 出 产地 、 商 品 生产 日 期 、 商 
品 的 数量 、 商 品 库 存 、 商 品 配 送 方式 等 。 
E% 3 ”运行 基于 ASP NET 的 成 绩 管理 系统 


一 、 任 务实 现 


(D 运行 Microsoft Visual Studio 软件 ,软件 主 界面 如 图 1.22 所 示 。 在 菜单 栏 中 选择 
“文件 "| 打开 ?| 网 站 ”, 弹 出 “打开 网 站 ”对 话 框 , 选 择 网 站 ASPnet, 如 图 1. 23 Bros , 单 击 
“打开 ”按钮 ,显示 导入 网 站 界面 ,如 图 1. 24 所 示 。 
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图 1.22 软件 主 界面 


(2) 在 “解决 方案 资源 管理 器 ”中 打开 Login. aspx 文件 ,显示 界面 如 图 1. 25 所 示 。 

(3) 按 F5 键 运行 ,运行 Login. aspx 文件 界面 如 图 1. 26 所 示 。 

(4) 输入 用 户 名 admin、 密 码 admin ,选择 角色 为 管理 员 ,验证 码 根据 随机 产生 写 人 。 登 
录 界 面 如 图 1. 27 所 示 , 单 击 “ 登 录 ” 按 钮 。 登 录 后 界面 ,如 图 1. 28 所 示 。 

(5) 登录 后 ,可 在 该 网 站 对 学 生 信 息 ,课程 信息 、 用 户 信 息 以 及 上 传 和 下 载 等 进行 操作 。 
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图 1.23 “打开 网 站 ”对 话 框 
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图 1.24 导入 网 站 界面 
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K 1.25 打开 Login. aspx 文件 显示 界面 
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图 1.26 运行 Login. aspx 文件 界面 
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图 1.27 登录 界面 


admin (管理 员 ) 











图 1.28 登录 后 界面 


=. 知识 学 习 


网 站 的 建设 离 不 开 对 工具 的 了 解 ` 学 习 。 选 择 一 个 好 的 工具 会 让 我 们 的 工作 事半功倍 。 
下 面 对 一 些 主要 工具 进行 简单 介绍 ,有些 工具 在 后 面 章节 会 进行 详细 的 介绍 ,而 有 些 工 具 需 
要 自己 查找 相关 资料 进行 学 习 。 


(>` 
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1. HTML5 语言 


HTML 的 英文 全 称 为 Hyper Text Markup Language. BI £8 X K jy idi& zi. HTML 不 
是 一 种 编程 语言 ,而 是 一 种 标记 语言 (Markup Language) ,HTML5 是 对 HTML 标准 的 第 
五 次 修订 。 其 主要 的 目标 是 将 互联 网 语义 化 ,以 便 更 好 地 被 人 类 和 机 器 阅读 ,并 同时 更 好 地 
支持 各 种 媒体 的 嵌入 。HTML 网 页 运行 效果 如 图 1. 29 所 示 。 有 关 详 细 内 容 将 在 后 面 章 节 
介绍 。 
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水 族 世界 。 急 儿 让 生活 更 美好 ! 


水 族 新 闻 ”水 族 名 品 ”水 族 器 材 水 族 造 景 ”水 族 摄影 ”水族 店铺 。 水 族 论 坛 
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图 1.29 HTML 网 页 运行 效果 


2. 网 站 前 台 开 发 工具 


1) Dreamweaver 软件 

Dreamweaver 软件 即 网 页 编辑 软件 , 它 是 一 款 专 业 的 HTML 编辑 器 ,用 于 对 Web 站 
点 .Web 页 和 Web 应 用 程序 进行 设计 编程 和 开发 。Dreamweaver CS5 版 本 及 以 上 版 本 整 
合 了 所 见 即 所 得 的 编辑 模式 和 动态 网 站 开发 功能 ,用 户 可 以 使 用 服务 器 语言 (如 ASP、ASP 
.NET.JSP 和 PHP) 生 成 支持 动态 数据 库 的 Web 应 用 程序 。 与 “记事 本 ”编辑 器 等 软件 相 
比 , 使 用 Dreamweaver 软件 ,前台 网 页 制作 人 员 可 以 节省 不 少 宝贵 时 间 , 大 大 提高 了 工作 效 
AX. Dreamweaver 软件 CS5 版 本 主 界面 如 图 1. 30 Bros 。 

2) 图 像 处 理 软件 Photoshop 

任何 一 个 网 站 都 离 不 开 图 片 的 点 绥 与 修饰 。 在 前 台 网 页 设计 中 ,常常 用 Photoshop fX 
件 来 对 图 像 进 行 处 理 , 它 可 以 实现 网 页 结构 的 布局 .图 像 的 切片 和 图 像 优 化 等 。 图 1. 31 为 
Photoshop 软件 CC 版 本 主 界面 。 
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图 1.30 Dreamweaver 软件 CS5 版 本 主 界面 





图 1. 31 Photoshop 软件 CC 版 本 主 界面 


24 


网 站 设计 与 管理 项 目 化 教程 


3) 动画 软件 Flash 

一 个 丰富 而 生动 的 网 站 离 不 开动 画 元 素 的 嵌入 , 它 可 以 美化 网 页 ,让 网 页 产生 绚丽 多 彩 
的 动感 效果 。Flash 软件 是 专门 用 来 设计 和 制作 交互 式 网 页 动画 的 工具 ,可 以 将 音乐 、 视 
频 、 图 像 等 媒体 元 素 集 成 在 一 起 制作 出 很 炫丽 动感 的 效果 。Flash 软件 CC 版 本 主 界面 如 
1. 32 所 示 。 





图 1.32 Flash 软件 CC 版 本 主 界面 


3. 网 站 后 台 开发 工具 


网 站 后 台 页 面 主要 是 指 网 页 信息 的 管理 , 即 网 页 显示 的 内 容 是 可 以 随 着 时 间 、 环 境 或 者 
数据 库 操作 的 结果 而 发 生 改 变 的 。 这 里 说 的 动态 网 页 ,与 网 页 上 的 各 种 动画 、 滚 动 字 幕 等 视 
觉 上 的 动态 效果 没有 直接 关系 ,动态 网 页 也 可 以 是 纯 文字 内 容 的 ,也 可 以 是 包含 各 种 动画 内 
容 的 ,这 些 只 是 网 页 具体 内 容 的 表现 形式 ,无 论 网 页 是 否 具有 动态 效果 ,只 要 是 采用 了 动态 
网 站 技术 生成 的 网 页 都 可 以 称 为 动态 网 页 。 目 前 动态 网 站 技术 有 ASP、ASP .NET、PHP、 
JSP 等 。 本 书 将 在 后 续 章 节 详 细 介 绍 ASP .NET 和 JavaScript 脚本 语言 作为 主要 开发 
工具 。 

1) ASP 

ASP Hl Active Server Pages, 是 Microsoft 公司 开发 的 服务 器 端 脚本 环境 ,可 用 来 创建 
动态 交互 式 网 页 并 建立 强大 的 Web 应 用 程序 。 当 服务 器 收 到 对 ASP 文件 的 请 求 时 , 它 会 
处 理 包含 在 用 于 构建 发 送 给 浏览 器 的 HTML 网 页 文件 中 的 服务 器 端 脚本 代码 。 除 服务 器 
端 脚本 代码 外 ,ASP 文件 也 可 以 包含 文本 、HTML (包括 相关 的 客户 端 脚本 ) 和 com 组 件 
调用 。 

ASP 简单 .易于 修改 和 测试 ,无 须 编译 或 链接 就 可 以 解释 执行 。 由 于 ASP 是 Microsoft 
公司 推出 的 ,只 有 在 Microsoft Windows 操作 系统 及 其 配套 的 Web 服务 器 软件 的 支持 下 才 
能 运行 。 因 此 不 能 很 容易 地 实现 在 跨 平台 的 Web 服务 器 上 工作 ,适合 于 小 型 网 站 的 应 用 
开发 。 
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2) ASP .NET 


ASP.NET 又 称 为 ASP+ , 它 不 仅仅 是 ASP 的 简单 升级 ,而 是 Microsoft 公司 推出 的 新 
一 代 的 动态 网 页 程序 设计 语言 ,引入 了 面向 对 象 设计 的 方法 。ASP .NET 是 基于 .NET 
Framework 的 Web 开发 平台 ,具备 开发 网 站 应 用 程序 的 一 切 解 决 方案 ,包括 验证 ,缓存 、 状 
态 管理 ,调试 和 部 署 等 全 部 功能 。 它 将 页 面 逻辑 和 业务 逻辑 分 开 ,程序 代码 与 显示 的 内 容 分 
开 , 使 得 丰富 多 彩 的 网 页 易于 编写 ,同时 使 程序 代码 看 起 来 更 纯洁 、 简 单 ,适合 于 大 型 网 站 的 
应 用 开发 。 

3) PHP 

PHP 即 Hypertext Preprocessor( 超 文本 预 处 理 器 ) ,是 一 种 通用 开源 的 程序 设计 语言 。 
其 语法 引用 了 C 语言 Java 和 Perl 的 特点 ,但 只 要 掌握 很 少 的 编程 知识 就 能 使 用 PHP 建立 
一 个 真正 交互 的 Web fr. PHP 是 将 程序 嵌入 到 HTML 文档 中 去 执行 ,执行 效率 比 完全 
生成 HTML 标记 的 CGI 要 高 许多 。PHP 还 可 以 执行 编译 后 的 代码 ,编译 可 以 达到 加 密 和 
优化 代码 运行 ,使 代码 运行 更 快 。PHP 还 提供 了 标准 的 数据 库 接口 ,数据 库 连 接 方便 、 兼 容 
性 强 .扩展 性 强 , 可 以 进行 面向 对 象 编程 。 

4) JSP 

JSP EJ Java Server Pages(Java 服务 器 页 面 ) ,是 一 个 简化 的 Servlet 设计 , 它 是 由 Sun 
Microsystems 公司 倡导 .许多 公司 参与 一 起 建立 的 一 种 动态 网 页 技术 标准 。JSP 技术 有 点 
类 似 ASP 技术 , 它 是 在 传统 的 网 页 HTML 文件 (*. htm, *. html) 中 插入 Java 程序 段 
Gceriptle fI JSP 标记 (Tag) ,从 而 形成 JSP 文件 ,扩展 名 为 (*.jsp)。 用 JSP 开发 的 Web 
应 用 是 跨 平 台 的 , 既 能 在 Linux 下 运行 ,也 能 在 其 他 操作 系统 上 运行 ,但 脚本 必须 被 编译 成 
Servlet 并 由 Java 虚拟 机 执行 。 


4. 脚本 语言 


脚本 语言 编写 的 程序 并 不 能 独立 运行 ,需要 嵌入 到 HTML 中 才能 起 作用 。 为 了 使 网 
页 的 功能 更 加 强大 ,经 常 需要 在 网 页 文件 中 嵌入 或 添加 一 些 脚本 程序 。 目 前 常用 的 有 
VBScript 和 JavaScript 两 种 。 脚 本 程序 分 为 客户 端 脚 本 和 服务 端 脚 本 。 

(1) 客户 端 脚 本 : 即 脚本 程序 可 直接 在 客户 端的 浏览 器 中 解释 执行 ,客户 端 脚本 直接 
嵌入 到 HTML 文件 中 。 客 户 端的 脚本 语言 通常 采用 JavaScript, 

(2) 服务 端 脚本 : 即 脚本 程序 在 服务 器 中 由 相应 的 脚本 引擎 来 解释 执行 ,生成 的 
HTML 页 面 由 Web 服务 器 负责 发 送 到 客户 端 浏 览 器 上 。 服 务 器 端的 脚本 语言 通常 采用 
VBScript, 


5. 数据 库 


动态 网 站 离 不 开 的 是 对 数据 的 增加 、 人 和 修改. 更 新 等 ,因此 需要 有 数据 库 的 支持 ,常见 的 数 
据 库 有 Access, SQL Server, Oracle 等 。 本 书 在 后 续 章 节 主 要 详细 介绍 SQL Server XX 
据 库 。 

SQL Server 是 由 Microsoft 公司 开发 和 推广 的 关系 数据 库 管理 系统 (DBMS), 它 与 
Windows 操作 系统 相 结合 ,在 复杂 环境 下 为 办 公 应 用 提供 了 一 个 安全 、 可 扩展 、 易 管理 、 高 
性 能 的 客户 /服务 器 数据 平台 。 
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6. 上 传 工具 


通常 采用 FTP 系列 软件 来 协助 完成 网 站 的 上 传 与 发 布 。FTP(File Transfer Protocol) 
是 文件 传输 协议 ,是 Internet 资源 最 常用 的 工具 之 一 ,用 户 可 以 通过 有 名 或 匿名 的 连接 方 
式 , 对 远程 服务 器 进行 访问 ,查看 和 索取 所 需要 的 文件 ,也 可 以 将 本 地 的 文件 传输 到 远程 服 
务 器 上 。 

目前 ,一 些 常 用 的 网 页 编辑 软件 都 自 带 有 FTP 上 传 工具 ,如 Dreamweaver 等 。 但 这 些 
软件 自 带 的 上 传 功能 没有 专门 的 FTP 软件 功能 强大 。FTP 软件 有 很 多 种 ,常用 的 有 
CuteFTP、FlashFXP 等 。 

1) CuteFTP 

CuteFTP 是 最 早 支持 断 点 续 传 的 FTP 客户 软件 之 一 ,是 一 个 集 FTP 上 传 下 载 .FTP 
搜索 和 网 页 编辑 功能 于 一 体 的 软件 包 , 其 功能 强大 ,使 用 方便 ,支持 拖 放 。CuteFTP 软件 主 
界面 如 图 1. 33 所 示 。 
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图 1.33 CuteFTP 软件 主 界面 


2) FlashF XP 

FlashFXP 是 一 个 功能 强大 的 上 传 下 载 工具 ,融合 了 其 他 优秀 的 FTP 软件 的 优点 。 例 
如 ,支持 文件 夹 的 文件 传送 、 删 除 ; 支持 上 传 .下载 第 三 方 文件 续 传 ; 可 以 跳 过 指定 的 文件 
类 型 ,只 传 需要 的 文件 ; 可 以 自 定义 不 同文 件 类 型 的 显示 颜色 ; 可 以 缓存 远 端 文件 夹 列表 ， 
支持 FTP 代理 等 。FlashFXP 软件 主 界面 如 图 1. 34 所 示 。 
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图 1.34 FlashFXP 软件 主 界面 


一 、 实 训 题 


1. 分 别 使 用 TE 浏览 器 ,Google 浏览 器 、Firefox 浏览 器 .360 浏览 器 打开 阿里 巴巴 、 京 
东 商 城 . 卖 包 包 、 精 英 乒 乓 网 和 烧 包 网 ,了 解 它们 的 网 站 结构 .运营 状况 . 主 营 商品 及 网 站 推 
Tx. 

2. 打开 工业 和 信息 化 部 官网 ,查询 福建 地 区 的 域名 注册 商 服务 机 构 , 选 择 其 中 一 个 , 进 
入 其 网 站 进行 域名 申请 系列 操作 。 

3. 分 别 下 载 Dreamweaver CS6 软件 `. Photoshop CC 软件 ,Flash CC 软件 .SQL Server 
2008 软件 .CuteFTP 软件 、Microsoft Visual Studio 2010 软件 ,进行 安装 ,并 分 别 打 开 各 软 
件 进 行 了 解 。 


二 、 练 习题 
1. 选择 题 
A) 企业 对 政府 的 电子 商务 简称 为 ( )。 
A. B2C B. B2B C. C2C D. B2G 


(2) 下 列 ( ) 不 属于 C2C 网 站 。 
A. 淘宝 网 B. fim C. 拍 拍 网 D. 阿里 巴巴 
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(3) 以 下 ( ) 不 是 网 站 的 构成 要 素 。 








A. 光纤 B. 网 页 C. 域名 
(4) 最 常用 的 网 页 制作 软件 是 ( y. 
A. Word B. Photoshop 
C. ASP.NET D. Dreamweaver 
(5) 下 列 ( ) 指 标 能 反映 企业 获得 真 金 白银 。 
A. PR 值 B. 回头 率 
C. 提 袋 率 D. 流量 转化 率 
2. 填空 题 
CD 目前 比较 常 接触 的 两 种 脚本 语言 和 
(2) 京东 商城 是 网 站 、 麦 包 包 是 网 站 。 
(3) 按 产 品 线 宽度 与 深度 可 以 分 为 和 网 站 。 
(4) 电子 商务 网 站 具有 商务 性 、 和 价值 性 等 特点 。 


(5) 能 反映 网 站 用 户 粘 度 的 是 

3. 简 答题 

(1) 简 述 电子 商务 网 站 的 定义 。 

(2) 简 述 为 什么 要 实施 电子 商务 网 站 。 

(3) R B2B、B2C 和 C2C 三 者 的 区 别 。 

(4) 简 述 域名 和 IP 地 址 的 关系 。 

(5) 简 述 经 营 性 域名 网 站 和 非 经 营 性 域名 网 站 的 区 别 。 
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(A, messen | 


1. 学 会 电子 商务 网 站 调研 报告 的 设计 与 需求 分 析 ; 
2. 学 会 电子 商务 网 站 栏目 的 规划 与 设计 ; 

3. 学 会 电子 商务 网 站 目录 结构 与 链接 的 设计 ; 

4. 学 会 站 点 的 建立 与 管理 。 


^ 项 目 任务 


* 任务 1 网 站 调研 报告 设计 

本 任务 的 目标 是 通过 网 站 调研 报告 的 设计 ,获取 和 分 析 网 络 客 户 的 需求 ,从 而 更 好 地 指 
导电 子 商 务 网 站 的 建设 。 

° 任务 2 浏览 eBay、 京东 网 站 ,体验 商品 分 类 的 优点 及 购买 流程 

本 任务 的 目标 是 通过 对 eBay、 京东 网 站 的 了 解 、 分 析 , 从 而 掌握 企业 网 站 对 产品 销售 的 

。 任务 3 站 点 的 建立 与 管理 

本 任务 的 目标 是 学 会 在 Windows XP 和 Windows 7 系统 下 安装 IIS, 并 掌握 对 Web 站 
点 的 建立 与 管理 和 对 Web 站 点 的 发 布 。 





任务 1 网 站 调研 报告 设计 


一 、 任 务实 现 
CD 撰写 关于 某 某 电 子 商务 网 站 客户 需求 调查 表 ( 如 表 2. 1 所 示 ) 和 网 站 建设 需求 调查 
表 ( 如 表 2.2 所 示 )。 
表 2.1 网 站 客户 需求 调查 表 


尊敬 的 客户 : 
很 荣幸 能 为 贵 公司 网 站 建设 服务 ,为 了 能 够 让 我 们 提供 更 好 的 服务 ,请 您 在 百 忙 之 中 抽出 一 点 时 间 


协助 我 们 做 好 如 下 问题 调查 , 以便 我 们 的 开发 和 设计 人 员 为 您 提供 更 好 、 更 便捷 的 个 性 化 网 站 服务 ， 
谢谢 ! 
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. 您 希望 贵 公 司 通过 网 站 对 企业 宣传 起 到 什么 作用 ? 
A. 概况 介绍 B. 企业 荣誉 C. 组 织 结构 .联系 信息 
. 您 希望 贵 公 司 通过 网 站 对 企业 产品 宣传 起 到 什么 作用 ? 
A. 产品 展示 B. 产品 介绍 C. 技术 展现 . 产品 使 用 手册 下 载 
. 您 希望 贵 公 司 通过 网 站 对 品牌 传播 起 到 什么 作用 ? 
A. 品牌 详 述 B. 品牌 文化 C. 品牌 故事 .品牌 宣传 
.您 希望 贵 公司 通过 网 站 对 产品 在 线 销售 起 到 什么 作用 ? 
A. 在 线 订单 B. 在 线 支 持 C. 在 线 询 盘 
.您 希望 贵 公司 通过 网 站 对 经 销 商 管理 起 到 什么 作用 ? 
A. 产品 报价 B. 信息 知识 C. 经 销 商 授权 
.您 希望 贵 公司 通过 网 站 对 客户 起 到 什么 作用 ? 
A. 在 线 投 诉 B. 在 线 退 货 C. 在 线 咨询 
E. 用 户 体 验 
.您 希望 贵 公司 通过 网 站 对 经 销 商 管理 起 到 什么 作用 ? 
A. 产品 报价 B. 信息 知识 C. 经 销 商 授权 
. 您 希望 贵 公司 通过 网 站 在 媒体 新 闻 发 布 中 起 到 什么 作用 ? 
A. 公司 新 闻 发 布 B. 新 产品 发 布 C. 公关 宣传 
. 您 对 贵 公 司 网 站 Logo 的 看 法 是 ? 
A. 使 用 现 有 B. 重新 设计 
10. 您 希望 贵 公司 网 站 的 设计 有 怎样 的 风格 ? 
A. 严谨 、 大 方 ,内 容 为 本 ,设计 专业 B. 清新 .简洁 ,内 容 充 实 
C. 视觉 冲击 力 强 、 独 特 、 新 颖 D. 其 他 (请 填写 对 设计 的 看 法 ) 
. 您 希望 贵 公司 网 站 的 色调 是 什么 样 的 ? 
A. 冷色 调 ( 蓝 、 紫 、 青 、 灰 ,有 点 浪漫 ) B. 暖色 调 ( 红 、 黄 、 绿 ,有 冲击 力 ) 
C. 简洁 ,雅致 D. 由 设计 师 设计 
E. 其 他 (请 填写 对 色调 的 想法 ) 
. 您 之 前 在 使 用 贵 公 司 网 站 时 ,认为 网 站 不 够 美观 的 是 ? 
A. 页 面 布局 B. 风格 设计 C. 图 像 编 辑 
E. 导航 设计 F. 颜色 搭配 G. Logo 设计 
. 您 之 前 在 使 用 贵 公 司 网 站 时 ,认为 功能 不 够 完善 的 是 ? 
A. 产品 展示 B. 客户 沟通 C. 信息 发 布 D. 产品 评论 
E. 在 线 购物 
. 您 之 前 在 使 用 贵 公司 产品 时 ,认为 贵 公司 对 产品 在 网 站 上 的 推广 存在 哪些 不 足 ? 
A. 收费 性 推广 B. 没有 推广 C. 仅仅 在 网 站 上 显示 
. 您 认为 公司 员工 对 网 络 知识 的 掌握 情况 是 怎样 的 ? 
A. 基本 没有 网 络 技术 B. 只 是 对 网 络 知识 的 了 解 
C. 能 处 理 简 单 的 网 站 维护 D. 能 根据 企业 业务 发 展 的 需要 做 出 优化 与 管理 
. 您 希望 贵 公 司 的 网 站 域名 是 怎样 的 ? 
A. .CN 域名 B. 域名 使 用 公司 的 名 称 C. 通用 网 址 
. 您 希望 贵 公司 的 网 站 在 以 下 哪些 网 站 能 搜索 到 ? 
A. 新 浪 B. 网 易 C. 百度 D. Google 
E. 其 他 (请 填写 ) 
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续 表 


18. 您 希望 贵 公 司 通过 以 下 哪些 技术 对 产品 进行 展示 ? 
A. Flash 展示 B. 三 维 动画 C. 360" 全 景 D. 视频 展示 
19. 您 能 接受 贵 公司 对 新 产品 推广 采取 邮件 群发 .短信 群发 的 措施 吗 ? 


A. 能 B. 不 能 C. 看 情况 
20. 您 常常 关注 贵 公司 的 公众 号 吗 ? 
A. 偶尔 B. 经 常 C. 从 不 





表 2.2 网 站 建设 需求 调查 表 


尊敬 的 贵 公司 : 
很 荣幸 能 为 贵 公司 网 站 建设 服务 ,为 了 使 建设 的 网 站 能 满足 贵 公司 业务 发 展 的 需要 ,同时 能 给 用 户 
提供 一 个 便捷 的 个 性 化 网 站 服务 ,请 贵 公司 配合 回答 如 下 问题 ,谢谢 ! 
. 贵 公司 希望 通过 网 站 对 企业 形象 起 到 什么 作用 ? 
A. 概况 介绍 B. 企业 荣誉 C. 组 织 结构 
. 贵 公司 希望 通过 网 站 对 品牌 传播 起 到 什么 作用 ? 
A. 品牌 详 述 B. 品牌 文化 C. 品牌 故事 
. 贵 公司 希望 通过 网 站 对 产品 宣传 起 到 什么 作用 ? 
A. 产品 展示 B. 产品 介绍 C. 技术 展现 . 产品 使 用 手册 下 载 
. 贵 公 司 希 望 通过 网 站 对 产品 在 线 销售 起 到 什么 作用 ? 
A. 产品 报价 B. 在 线 反 馈 C. 统计 报表 经销 商 售 权 
. 贵 公 司 希望 通过 网 站 对 在 线 客户 服务 起 到 什么 作用 ? 
A. 在 线 咨 询 B. 用 户 体验 C. 在 线 投诉 
. 贵 公 司 希望 通过 网 站 对 市 场 调查 起 到 什么 作用 ? 
A. 竞争 情况 调查 B. 消费 者 情况 调查 
C. 客户 需求 调查 D. 产品 销售 调查 
. 贵 公 司 希 望 通过 网 站 在 办 公事 务 方面 起 到 什么 作用 ? 
A. 内 外 网 分 离 B. 即时 通信 C. 网 络 会 议 
E. 电子 发 文 
. 贵 公 司 是 否 需 要 将 现 有 的 Logo 重新 设计 ? 
A. 需要 B. 不 需要 
. 贵 公 司 对 网 站 的 结构 .颜色 搭配 有 具体 要 求 吗 ? 
A. 有 (请 列 出 ) B. 无 
10. 贵 公司 对 网 站 的 动画 嵌入 有 具体 要 求 吗 ( 如 Flash 动画 )? 
A. 有 (请 列 出 ) B. 无 
11. 贵 公司 对 网 站 首页 是 否 需 要 放置 热 销 产品 区 ? 
A. 需要 B. 不 需要 
12. 贵 公司 对 网 站 栏目 的 设置 有 何 要 求 ,请 列 出 。 


一 级 栏目 二 级 栏目 栏目 说 明 栏目 相关 资料 提供 情况 
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13. 贵 公司 对 网 站 开发 使 用 语言 的 选择 是 ? 
A. ASP .NET B. PHP C. JSP D. 其 他 (请 列 出 
14. 贵 公 司 对 使 用 的 后 台数 据 库 选择 的 是 ? 


A. Access B. MySQL Server C. Oracle D. MS SQL Server 
15. 贵 公司 对 网 站 投入 使 用 后 ,需要 进行 网 站 维护 培训 吗 ? 
A. 需要 B. 不 需要 





(2) 对 回收 的 网 站 客户 需求 调查 表 和 网 站 建设 需求 调查 表 进 行 系统 性 的 分 析 。 
二 、 知 识 学 习 
1. 确定 网 站 的 主题 与 目标 


网 站 的 建设 需要 从 企业 的 发 展 战 略 出 发 ,根据 自身 的 优势 .企业 的 品牌 .产品 的 特色 , 准 
确定 位 网 站 ,明确 网 站 要 具备 的 功能 。 例 如 , 想 在 网 上 购买 电子 商品 ,人 们 就 会 想到 京东 , 因 
为 京东 是 主推 3C 产品 的 网 上 商城 ; 想 在 网 上 购买 包 包 ,人 们 就 会 想到 麦 包 包 , 因 为 麦 包 包 
是 一 家 专门 经 营 以 包 包 为 主 的 垂直 型 网 上 商城 。 企 业 要 进行 线 上 的 电子 商务 ,在 网 站 开发 
之 前 ,要 先 考虑 好 自己 的 网 站 究 竞 要 做 什么 ,通过 开发 这 个 网 站 要 实现 些 什么 ,这 就 需要 给 
自己 的 网 站 规划 一 个 范围 。 有 的 电子 商务 网 站 由 于 目标 不 明确 ,不 考虑 自身 的 实力 与 定位 ， 
在 线 上 什么 都 卖 ,结果 成 了 大 杂 店 ,没有 任何 的 鲜明 特色 ,最 后 导致 什么 商品 都 没收 益 。 

任何 一 家 企业 ,定位 自己 的 网 站 主题 和 目标 ,应 从 以 下 两 方面 着 手 。 一 是 企业 要 明确 自 
己 建 立 网 站 的 目标 是 什么 ,是 树立 企业 形象 ,还 是 宣传 产品 ; 是 更 好 的 服务 于 消费 者 ,还 是 
实现 网 络 经 营 与 电子 商务 等 。 二 是 企业 要 分 析 自 身 的 状况 ,包括 企业 的 营销 模式 、 销 售 渠 
道 、 企 业 产 品 的 优势 .企业 的 经 济 状况 、 员 工 的 技术 水 平等 。 


2. 市 场 需求 分 析 


为 了 确保 企业 新 产品 能 正常 地 运转 和 赢利 ,企业 往往 都 会 对 新 产品 在 市 场 上 所 处 的 位 
TE .竞争 对 手 的 情况 ,市场 份额 及 消费 者 心理 做 出 全 面 的 了 解 和 分 析 , 这 样 才 能 做 到 满足 客 
户 的 需求 。 企 业 建 立 电子 商务 网 站 的 目的 也 是 如 此 。 为 了 能 够 更 好 地 宣传 企业 的 品牌 、 销 
售 产品 ,推广 产品 、 服 务 客户 ,实现 在 线 订单 等 ,市 场 需求 分 析 对 电子 商务 网 站 建设 是 必要 的 
且 行 之 有 效 的 。 

CD. 要 分 析 网 络 中 企业 现 有 的 竞争 对 手 。 可 以 利用 互联 网 搜索 引擎 工具 和 B2B、B2C 
等 相关 平台 进行 详细 调查 ,收集 相关 企业 信息 和 资料 ,包括 运营 模式 、 市 场 位 置 、 技 术 能 力 和 
经 营 能 力 等 ,制定 相应 策略 和 正确 的 实施 方案 。 竞 争 对 手 的 产品 服务 及 在 网 络 运营 、 推 扩 等 
方面 的 优势 是 后 来 者 进入 的 强大 挑战 。 对 于 中 小 企业 而 言 ,一 般 情 况 下 ,应 准确 定位 为 行业 
细 分 领域 的 B2C, 如 鞋 服 、 家 电 等 ,把 自己 熟悉 的 行业 做 精 、 做 透 , 这 才 是 成 功 的 必由之路 。 
尽量 不 做 综合 型 平台 ,因为 此 类 平台 前 期 投资 大 ,短期 看 不 到 收益 ,并 且 已 被 几 大 知名 的 电 
子 商 务 公司 所 占领 ,如 京东 、 天 猫 、 当 当 等 。 麦 包 包 网 站 首页 如 图 2. 1 所 示 ; 连 趣 网 网 站 首 
页 如 图 2.2 所 示 ; 卡通 之 窗 网 站 首页 如 图 2.3 所 示 。 这 些 虽 然 无 法 和 京东 、 天 猫 相 比 ,但 由 
于 突出 了 自己 的 产品 特色 和 服务 优势 ,各 自 拥有 了 上 万 名 的 粉丝 会 员 , 从 而 可 以 很 好 地 生 
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存 ,避免 了 行业 的 竞争 。 
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人 D 支付 方式 
ran Ml TM 


设 为 首页 收藏 本 站 — 文学 名 著 | | 革命 战争 | | 中 外 历史 | LES see | | 外 国 作品 | | 侦探 反 特 | [efi | |t fir | | 民间 故事 | | 人 物 传记 
会 员 注册 联系 我 们 ”婚姻 爱情 || 家 庭 道德 || 社 会 风俗 | | 科幻 标 险 | | 童话 语言 | | 生产 建设 | | 宗教 哲 学 | | 政法 军事 | | 商业 既 济 | | 科学 自然 
2018 年 1 月 29 日 星期 一 少儿 款 育 | | 音乐 美术 || 技 术 发 明 | | 少数 民族 | | 体育 医疗 | | 旅行 交通 | | 英雄 模范 || 








“长 袜子 皮 皮 ` 关于 征集 《 邢 夺 名 人 谱 》 历 史 文化 连环 画 (小 画 … 
` KAR ，《 济 阳 故 事 》 首发 十 册 连 环 画 带 你 走 进 “ 浏 阳 … 
` 美丽 的 小 姑娘  - “连环画 热潮 ”再 席 兰 LER AR” kE 
“那不勒斯 大 兵 。 。 上 海 国际 艺术 节 ， 文 化 “国货 ” 换 上 “新 包装 ”… 
Nussmes 。 全 国 连 交 会 在 招 宝山 成 功 举行 四 位 老 艺术 家 坐 … 





S[eTel si 


2.3 卡通 之 窗 网 站 首页 


(2) 企业 地 理 区 域 . 经 济 发 展 情况 ,政府 支持 力度 及 物流 配送 条 件 等 环境 因素 也 是 市 场 


调查 的 内 容 , 这 对 企业 实施 电子 商务 网 站 运营 是 否 能 成 功 起 着 关键 作用 。 


建立 电子 商务 网 站 ,企业 面 对 的 是 一 个 新 的 商务 模式 和 新 的 市 场 环 境 , 并 不 是 简单 地 把 
传统 的 产品 与 销售 模式 放 到 网 上 进行 实施 就 行 了 。 准 确 的 市 场 分 析 是 建立 电子 商务 网 站 的 
前 提 。 企 业 推 出 的 任何 产品 与 服务 都 不 能 是 自己 的 主观 意识 ,必须 在 建站 之 前 ,对 相关 行业 
的 市 场 进行 需求 分 析 , 在 电子 商务 网 站 增加 的 每 一 个 功能 模块 和 服务 都 是 建立 在 全 面 的 需 


求 分 析 和 充分 论证 可 行 的 基础 之 上 。 
3. 行业 调研 与 目标 客户 分 析 


企业 应 当 调查 所 面 对 的 消费 者 群体 的 详细 情况 ,并 对 其 消费 者 客户 进行 充分 的 分 析 , 如 客 
户 年 龄 结构 地域. 文化 水 平 ,收入 状况 、 消 费 倾向 及 对 新 事物 的 敏感 程度 等 。 以 服装 外 贸 网 站 
为 例 ,需要 分 析 的 内 容 包 括 客户 分 布 在 哪些 国家 和 地 区 ? 目标 客户 会 有 哪些 爱好 和 习惯 ? H 
标 客户 经 常 是 什么 时 间 段 在 网 络 上 的 什么 地 方 出 现 ? 目标 客户 是 用 什么 方法 寻找 需要 的 商品 


和 服务 ?目标 客户 访问 某 个 网 站 的 停留 时 间 是 多 少 ? 等 等 。 下 面 是 调研 步骤 的 参考 方案 。 
步骤 一 : 制订 调研 计划 (包括 调研 目标 、 调 研 对 象 、 调 研 方 法 、 设 计 调 研 表 ) ; 
步骤 二 : 撰写 调研 报告 (包括 调研 准备 、 需 求 调研 ); 
步骤 三 : 调研 汇总 与 资料 分 析 、 整 理 ( 包 括 调研 资料 分 析 和 整理 )。 


4. 可 行 性 分 析 


可 行 性 分 析 的 目的 是 确定 网 站 建设 是 否 值得 去 开发 。 一 般 从 以 下 三 个 方面 分 析 研 究 网 
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站 建设 方案 的 可 行 性 。 

CD 技术 可 行 性 。 对 要 开发 的 网 站 项 目的 复杂 度 功能、 性能、 限制 条 件 进 行 分 析 ,确定 在 
现 有 的 资源 条 件 下 ,使 用 技术 的 开发 风险 有 多 大 ,项 目 是 否 能 完整 实现 。 现 有 的 资源 包括 已 具 
备 的 或 可 获得 的 硬件 、 软 件 资源 ,以 及 现 有 技术 人 员 的 技术 水 平和 从 事项 目 相关 的 经 验 。 

(2) 经 济 可 行 性 。 指 对 网 站 建设 进行 投入 的 成 本 估算 和 取得 的 效益 评估 ,确定 该 网 站 
是 否 值得 去 投资 建设 。 网 站 建设 投资 的 成 本 费用 包括 域名 购买 费用 、 网 站 服务 器 费用 ,功能 
开发 费用 、 网 站 推广 费用 、 员 工薪 资费 用 、 网 站 的 维护 和 管理 费用 等 。 网 站 取得 的 效益 包括 
直接 效益 和 间接 效益 。 直 接 效 益 指 通过 网 站 在 线 对 产品 进行 推广 、 销 售 或 服务 所 取得 的 收 
益 ; 间接 效益 包括 品牌 收益 及 网 站 对 其 他 业务 产生 的 良好 趋势 。 

(3) 社会 环境 可 行 性 。 社 会 环境 可 行 性 涉及 的 范围 比较 广 , 既 包括 法 律 方 面 的 条 款 , 如 
合同 、 侵 权 问题 ,也 有 市 场 与 政策 问题 及 其 他 一 些 技术 人 员 常常 不 了 解 的 问题 等 。 


人 多 2 浏览 eBay 京东 网 站 ,体验 商品 分 类 的 优点 及 购物 流程 


一 、 任 务实 现 

1. 浏览 eBay 电子 商务 网 站 

(1) 打开 浏览 器 ,输入 http://www. ebay. com, WK 2. 4 所 示 。 可 以 看 到 在 左上 方 顶 
端 放 置 了 一 个 导航 栏 ,显示 的 内 容 是 用 户 经 常 使 用 的 Hi! Sign in or register, Daily Deals, 


Sell 和 Help & Contact, 这 是 符合 用 户 浏览 网 站 的 自然 方式 ,同时 也 方便 用 户 了 解 该 网 站 的 
主要 服务 和 使 用 方法 。 
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图 2.4 eBay 网 站 首页 
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(2) 在 查找 所 需 商 品 的 搜索 框 中 输入 要 查找 的 内 容 , 如 输入 kindle, 如 图 2.5 所 示 。 单 
击 Search 按钮 ,查找 到 该 商品 所 需 的 大 类 页 面 ,如 图 2.6 所 示 。 如 果 想 要 进一步 了 解 某 大 
类 商品 情况 ,可 单 击 想 要 查询 的 条 目 ,如 单 击 Other Tablet & eBook Accs, 打 开 该 条 目 类 型 
的 商品 页 面 ,如 图 2.7 所 示 。 对 列 出 的 某 商品 , 若 想 要 了 解 该 商品 的 详细 情况 ,直接 单 击 该 
商品 标题 ,如 图 2.8 所 示 。 
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图 2.5 输入 查找 商品 kindle 





Categories 
All 


< Computers/Tablets & 
Networking 


€ Tablet & eBook Reader Accs 


Cases, Covers, Keyboard 
Folios 


Other Tablet & eBook Accs 
Mounts, Stands & Holders 


Screen Protectors 
More w 


Cell Phones & Accessories 
Clothing, Shoes & Accessories 
Consumer Electronics 

Home & Garden 


Show more > 


图 2.6 查找 商品 kindle 的 大 类 页 面 


Nuevo Kindle Paperwhite eBooks Pantalla de 6" Alta Resolución luz 
paperwhite integrada wifi 
Kin ndio, » Brand New 


RMB 1,375.58 From Spain 
Buy It Now 

+RMB 235.81 shipping 

内 5 Watchers 





图 2.7 Other Tablet & eBook Accs 类 型 商品 
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10096 Brand New OEM Battery for [ AMAZON KINDLE 3 ] 3G WIFI 
KEYBOARD IIl Graphite 


New (Other) 
RMB 76.22 From China 
Buy It Now Qood sener 
Free international shipping 

334 Sold 


OEM Battery For Amazon Kindle 4 5 6 4G WiFi D01100 MC-265360 
S2011-001-S 





Brand New 
RMB 79.80 From China 
Buy It Now Q Top-rated setier 


图 2.7 (D 


Nuevo Kindle Paperwhite eBooks Pantalla de 6" Alta Resolución 
luz integrada wifi 
Be the first to write a review. BE D G) Add to watch list 


paperwhite 
Nuestro Kindle más ve Seller - jgnoma (191 *) 97.7% Positive feedback 
Q Save this Seller | Contact seller | See otheritems | Visit store: ignoma shopping 


hem condition: New 


Quantity. [1 5 available 
Pace EUR 175.00 EER 
Approximately RMB 1,375.58 ekia 
Adato cart 
Q watch 





图 2.8 单 击 商品 标题 显示 商品 详细 页 面 


(3) 若 想 购买 此 商品 ,直接 在 商品 详细 页 面 单 击 Buy it Now 按钮 ,根据 提示 信息 进行 
操作 即 可 。 

(4) 若 想 将 此 商品 加 入 购物 车 , 单 击 Add to cart 按钮 ,结果 如 图 2. 9 所 示 。 核 对 该 商 
品 信息 ,确定 无 误 后 , 单 击 Save for later 按钮 即 可 ; 若 想 将 商品 从 购物 车 移 除 , 单 击 
Remove 按钮 即 可 。 在 购物 车 中 移 除 商品 页 面 如 图 2. 10 所 示 。 

(5) 若 想 要 将 商品 加 入 观察 名 单 , 在 图 2. 8 中 单 击 Watch 按钮 即 可 。 


2. 浏览 京东 电子 商务 网 站 


CD 打开 浏览 器 ,输入 http://jd. com, 结 果 如 图 2. 11 所 示 。 可 以 看 到 最 顶端 放置 了 一 
个 广告 区 ,显示 的 内 容 是 根据 节日 而 设计 的 促销 提醒 信息 ,如 图 2. 12 所 示 。 左 侧 是 根据 商 
品 大 类 的 相关 联 性 而 进行 的 分 类 ,商品 相关 联 栏目 如 图 2. 13 所 示 。 
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Your eBay Shopping Cart 





Back to last search results | Back to item page 


| You're not currently signed in. Sign in to save these items or see your saved items. " Cart summary 











(item) 
Seller jgnoma (191%) Requestiotal tom seler 6) Total: US 
$254.89 
Nuevo Kindee Paperwnite Quantiy 1 US $217.59 
eBooks Pantalla de 6" Alta > 
Resolución tuz integrada wifi Standard Inti Shipping «EUR 3000 
condire NE Envio internacional estándar 
- MONEY BACK 
GUARANTEE 


Covers your purchase price. 
plus original shipping on 
Remove | Save for later Virtually ali items. 
Get the item you ordered or get 
your money back. Learn more. 





Subtotal ( item) US$21759 About your cart 


Shipping to CN US$37.3f 
»] Are tems in my cart 


Total: US $254.89 reserved for me? 


图 2.9 将 商品 加 入 购物 车 





Send us your comments 


Your eBay Shopping Cart 





| You're not currently signed in. Sign in to save these items or see your saved items. — * | Cart summary 





Total 





: US $0.00 


Your shopping cart is empty, but it doesn't have to be. 
There are lots of great deals and one-of-a-kind items Just waiting for you. 

Start shopping, and look for the "Add to cart" button. You can add several items to your cart from different sellers 
and pay for them all at once. 





* Start shopping and search for great deals ebay Ve 
* Go to My eBay and see items tnat youre watching Covers your purchase price 


plus original shipping on 
virtually all tems. 

Get the item you ordered or get 
your money back. Leam more. 


Fd 2.10 在 购物 车 中 移 除 商品 页 面 
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2.11 京东 网 站 首页 
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图 2.12 广告 区 
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理财 / 众 敌 /白条 /保险 


2.13 商品 相关 联 栏目 


Q 网 站 设计 与 管理 项 目 化 教程 


(2) 如 果 要 查看 某 类 商品 的 子 类 商品 , 需 将 鼠标 移 到 某 类 商品 栏目 上 ,在 页 面 右 侧 会 显 
示 出 子 类 栏目 ,如 将 鼠标 移 到 “ 女 鞋 /箱包 /钟表 /珠宝 "栏目 上 , 则 显示 出 子 类 栏目 ,如 图 2. 14 
所 示 。 
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Time 

功能 箱包 > ， 女士 拉杆 箱 ， 拉杆 町 | 拉杆 包 施行 包 。 电脑 包 休闲 运动 包 书包 Suu 
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ka ua 


2.14 子 类 商品 


(3) 若 要 对 某 个 子 类 栏目 进行 查看 , 则 单 击 此 子 类 栏目 ,如 单 击 “ 单 鞋 ”按钮 ,显示 “ 单 
鞋 " 商 品 详细 信息 页 面 ,如 图 2.15 所 示 。 
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图 2.15 “ 单 鞋 "商品 详细 信息 页 面 
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(4) 若 要 查看 某 个 商品 的 具体 详细 信息 ,将 鼠标 移 到 该 商品 展示 的 图 片 或 名 称 上 单 击 
即 可 ,如 将 鼠标 移 到 “奥康 Aokang 单 鞋 ”图 片上 单 击 , 如 图 2. 16 所 示 ,显示 出 该 商品 详细 信 
息 ,如 图 2.17 所 示 。 
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图 2. 16 “奥康 Aokang 单 鞋 ” 商 品 
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图 2.17 “奥康 Aokang 单 鞋 商品 显示 信息 


(5) 在 该 商品 详细 信息 页 面 中 ,可 以 设置 购买 数量 , 单 击 “加 入 购物 车 ”按钮 , 即 可 将 商 
品 放 和 购物 车 ,如 图 2. 18 所 示 。 
(6) 单 击 “ 去 购物 车 结算 "按钮 ,结果 如 图 2. 19 所 示 。 
C) 如 果 确 定 要 购买 , 单 击 “ 去 结算 ”按钮 ,根据 提示 信息 进行 付款 操作 即 可 ; 如 果 要 将 
品 从 购物 车 中 移 除 , 单 击 右 上 方 的 “删除 ”按钮 ,弹出 “删除 商品 ”对 话 框 ,如 图 2. 20 所 示 ， 
根据 提示 信息 进行 操作 即 可 。 
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图 2.18 商品 放 入 购物 车 
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图 2.19 商品 结算 





删除 商品 ? 
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图 2.20 “删除 商品 ”对 话 框 


二 、 知识 学 习 
1. 网 站 内 容 的 分 类 与 栏目 设计 


网 站 的 内 容 是 网 站 必 不 可 少 的 要 素 , 是 网 站 信息 的 集合 。 经 过 前 期 市 场 需求 分 析 获 取 
的 信息 ,可 以 提炼 和 归纳 出 网 站 内 容 的 需求 。 任 何 一 个 网 站 ,不 管 它 的 界面 是 多 么 漂亮 , 技 
术 是 多 么 先进 ,视觉 是 多 么 动感 ,用 户 看 重 的 是 可 用 的 内 容 。 一 些 企业 由 于 对 网 站 的 前 期 工 
作 做 得 不 充分 ,市 场 定位 、 目 标 人 群 模糊 不 清 , 其 至 一 个 网 站 只 是 由 几 个 静态 的 页 面 组 成 ,而 
且 信 息 长 年 累 月 没有 更 新 ,这 样 的 网 站 无 疑 是 个 花瓶 。 

网 站 的 内 容 确 定 后 ,要 进行 内 容 分 类 和 组 织 。 栏 目 设 计 的 基本 任务 是 建立 网 站 内 容 展 
示 的 框架 ,具体 要 确定 哪些 栏目 是 必要 的 ,哪些 栏目 是 重点 的 ,并 建立 栏目 的 层次 结构 。 

网 站 栏目 设计 应 遵循 如 下 原则 : 

(1) 栏目 内 容 的 设计 要 力求 简洁 、 结 构 清 晰 ,有 利于 用 户 理 解 与 浏览 ; 

(2) 列 出 的 栏目 应 是 网 站 有 价值 的 内 容 ; 

G) 栏目 的 设计 应 该 方便 用 户 访问 、 交 互 和 查询 。 


2. 电子 商务 网 站 的 前 台 功 能 设计 
CD 商品 导航 与 展示 。 电 子 商 务 网 站 的 核心 就 是 为 用 户 提供 商品 的 浏览 ,并 且 能 对 商 
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品 的 详细 信息 进行 查看 。 因 此 ,在 商品 的 导航 上 应 对 商品 进行 分 类 和 对 商品 进行 展示 ,如 
图 2. 21 所 示 ,同时 还 应 提供 能 按 关 键 词 进行 搜索 的 功能 ,如 图 2. 22 所 示 。 
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图 2.21 商品 分 类 与 展示 


| 搜索 
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图 2.22 关键 词 搜索 框 
(2) 用 户 注册 与 登录 。 一 般 网 站 都 会 要 求 用 户 先 完成 注册 , 即 用 户 须 填写 一 些 个 人 的 


相关 信息 成 为 企业 的 会 员 , 如 图 2. 23 所 示 。 然 后 用 注册 的 账户 登录 , 方 可 进行 商品 的 购买 ， 
如 图 2. 24 所 示 。 


c 用 户 登录 现在 还 不 是 雪 包 包 会 员 ? 立即 注册 
emen. 
用 户 名 : 
AER. 名 
xus 国定 TI 登录 密码 : 忘记 密码 ? 
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图 2.23 用 户 注册 图 2.24 用 户 登录 
G) 新 闻 公 告 栏 。 网 站 可 将 最 新 款 的 商品 、 热 销 \ 促 销 等 活动 信息 发 布 在 网 站 的 公告 栏 


上 ,以 便 用 户 在 打开 网 站 时 能 及 时 收 到 通知 ,如 图 2. 25 所 示 。 


Aa) 
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(4) 购买 商品 的 流程 。 一 个 电子 商务 网 站 必 不 可 少 的 是 购物 
车 ,如 图 2.26 所 示 。 购 物 车 的 功能 类 似 于 零售 实体 店 的 购物 车 ,可 
以 方便 用 户 购买 多 种 商品 ,还 能 让 用 户 比较 直观 地 查看 商品 和 购物 
金额 .更 新 商品 数量 或 删除 商品 ,防止 用 户 因 网 络 掉 线 或 不 流畅 而 
丢失 购物 车 中 商品 的 信息 。 

(5) 去 结算 。 一 般 要 求 用 户 要 先 登录 ,这 样 可 以 获取 用 户 的 信 
息 ,从 而 免 去 用 户 重新 输入 信息 的 麻烦 。 当 用 户 登 录 后 , 单 击 “ 去 结 
算 ” 按 钮 ,出 现 填写 收 货 地 址 、 支 付 方 式 界面 如 图 2. 27 所 示 。 用 户 
可 以 在 其 中 填写 收 货 地 址 、 选 择 支付 方式 和 核对 商品 清单 。 
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图 2.26 购物 车 
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图 2.27 填写 收 货 地 址 、 支 付 方式 界面 
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(6) 购买 流程 .支付 方式 ,配送 方式 、 售 后 服务 、 帮 助 中 心 。 对 于 新 用 户 来 说 ,进入 一 个 
电子 商务 网 站 ,比较 关心 的 是 该 网 站 的 购物 流程 商品 咨询 ,支付 方式 、 售 后 服务 等 。 因 此 ， 
在 网 站 上 应 尽量 提供 比较 完整 的 信息 。 服 务 说 明 界 面 如 图 2. 28 所 示 。 


XTU 新 手 课堂 支付 方式 配送 方式 售后 服务 帮助 中 心 
友情 链接 新 用 户 注册 发 票 制度 配送 运费 及 时 效 退换 货 政策 及 办 理 RASH 
š 如 何 购买 ERER 常见 问题 
4006-526-528 ass 意见 反馈 


图 2.28 服务 说 明 界面 
3. 电子 商务 网 站 的 后 台 功 能 设计 


网 站 的 商品 维护 、 信 息 发 布 、 销 售 订单 的 处 理 以 及 对 用 户 的 管理 ,都 是 由 管理 员 在 后 台 
完成 的 ,下 面 介绍 几 个 主要 的 后 台 功 能 模块 。 

(1) 商品 信息 管理 。 商 品 管理 是 网 站 后 台 最 重要 的 功能 之 一 。 管 理 员 可 以 进行 商品 的 
分 类 管理 ,图 片上 传 和 价格 管理 等 ,如 图 2. 29 所 示 。 
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2.29 商品 的 分 类 管理 


(2) 订单 信息 管理 。 商 品 订单 的 管理 也 是 网 站 运营 的 一 个 重要 关键 环节 ,涉及 几 个 不 
同 部 门 的 分 工 合作 ,包括 订单 的 审核 , 收 款 的 确认 及 配 货 等 ,如 图 2. 30 所 示 。 








选择 订单 状态 ~ 
订单 号 下 单 用户 RRA 付款 方式 收 货 方式 订单 状态 | 
20110502203138 mayn BE 建设 银行 汇款 货 到 付款 未 作 任何 处 理 | 
20110502203018 mayun sz 支付 宝 支付 送 货 上 门 未 作 任何 处 理 | 
20070419134922 非 注册 用 户 sdr 建设 银行 汇款 E-mail 用 户 已 经 收 到 货 | 
20060406192414 adain sdr 支付 宇 支付 普通 平邮 用 户 已 经 收 到 货 | 


2.30 商品 的 订单 管理 


对 于 后 台 功能 模块 ,除了 以 上 介绍 的 两 个 重要 的 功能 模块 以 外 ,还 包括 信息 发 布 管理 、 
商品 评价 管理 ,用 户 管 理 等 ,这 里 不 再 一 一 展开 ,需要 时 网 站 开发 人 员 可 根据 网 站 的 实际 需 
求 进行 开发 。 


4. 网 站 的 整体 风格 设计 
网 站 的 整体 风格 是 指 站 点 的 整体 形象 给 浏览 者 的 综合 感受 ,这 种 感受 是 抽象 的 。 有 风 
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格 特色 的 网 站 与 普通 网 站 的 区 别 在 于 : 在 普通 网 站 上 ,用 户 看 到 的 只 是 堆砌 在 一 起 的 信息 ， 
如 信息 量 多 少 、 浏 览 速度 快慢 等 ; 而 在 有 风格 特色 的 网 站 上 可 以 获得 除 内 容 之 外 的 更 感性 
的 认识 ,如 站 点 的 品位 ,用户 层次 等 。 

CD 整体 风格 所 包含 的 因素 。 网 站 整体 风格 包含 的 因素 很 多 ,包括 网 站 的 整体 色彩 ,版 
面 布 局 、 文 本 的 字体 和 大 小 、 背 景 的 使 用 等 。 网 站 风格 的 设计 没有 一 定 的 规则 或 公式 ,需要 
设计 者 通过 各 种 分 析 来 决定 。 

(2) 如 何 确 立 自己 的 网 站 风格 。 确 定 网 站 的 风格 可 以 从 以 下 几 方 面 入 手 。 

(D Logo 的 使 用 。Logo 就 是 网 站 的 名 片 、 商 标 。 形 象 的 Logo 不 仅 有 利于 用 户 对 网 站 
主体 和 品牌 的 识别 ,而 且 有 促进 网 站 推广 的 作用 。 

© 文字 的 使 用 。 网 页 中 文字 字体 的 使 用 也 很 重要 ,一般 要 求 字体 用 宋体 ,字体 样式 不 
超过 三 种 ,正文 字号 一 般 为 12px,' 不 要 使 用 闪烁 的 文字 ,标题 一 般 要 求 比 正文 字号 要 大 一 
些 , 如 正文 字号 为 12px, 标 题字 号 则 为 14px 或 16px。 

C 使 用 搭配 合理 的 颜色 。 不 同 的 颜色 有 着 不 同 的 意义 。 如 红色 表示 热情 、 健 康 和 喜 
悦 ; 白色 表示 纯洁 、 简 单 和 干净 ; 蓝 色 表示 清爽 .科技 等 ; 黑色 表示 严肃 夜晚 ,稳重 ; 绿色 
表示 有 生命 力 ,生机 勃勃 ; 黄色 表示 富有 、 富 贵 。 

不 同 的 色彩 搭配 会 产生 不 同 的 效果 ,在 网 站 整体 颜色 上 ,要 结合 网 站 目标 来 确定 。 如 果 
是 政府 网 站 ,就 要 大 方 、 整 洁 、 严 肃 , 不 可 太 随意 ; 如 果 是 女性 用 品 网 站 , 则 使 用 粉红 色 ,— Rt 
以 红色 居多 。 

网 页 上 的 色彩 选用 及 搭配 ,会 影响 网 站 的 访问 量 。 例 如 ,采用 高 亮度 的 背景 或 者 前 
景色 ,很 容易 让 浏览 者 的 眼睛 感到 疲劳 ,而 且 不 利于 整个 网 站 风格 的 统一 。 网 页 颜色 
并 非 是 越 多 越 好 , 太 多 的 颜色 违背 了 网 站 的 “简单 即 为 美的 原则 。 一 般 情况 下 ,要 根 
据 企 业 标志 的 色 系 和 网 站 所 需 总 体 风 格 的 要 求 确 定 出 一 至 两 种 主 色调 ,然后 与 辅助 颜 
色 进 行 组 合 。 

CD 网 站 的 风格 要 统一 。 一 个 网 站 由 很 多 个 网 页 组 成 ,如 果 每 个 网 页 的 风格 都 不 一 致 ， 
那么 一 定 会 使 整个 网 站 显得 凌乱 ,不 协调 ,甚至 容易 使 浏览 者 感到 迷惑 ,不 知 是 否 还 在 同一 
网 站 内 ,所 以 一 定 要 使 网 站 的 风格 保持 一 致 。 也 就 是 说 网 站 的 Logo、 文 字 字 体 、 网 页 的 色彩 
搭配 及 版 面 布局 均 要 一 致 。 

(3) 网 页 设计 的 基本 原则 。 

CD. 网 页 内 容 便 于 阅读 。 

OQ 网 页 不 要 太 长 。 

@ 选择 合适 的 图 片 尺寸 及 格式 。 

CD. 插入 的 动画 不 要 太 大 。 

C) 协调 浏览 器 与 分 辨 率 。 

© 提供 与 浏览 器 的 交互 。 


5. 版 面 布局 


CD 版 面 与 布局 。 
网 页 的 美感 除了 来 自 网 页 的 色彩 搭配 外 ,还 需要 有 合理 的 版 面 布局 设计 。 版 面 指 的 是 
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浏览 者 看 到 的 一 个 完整 的 页 面 。 由 于 不 同 的 显示 器 在 分 辩 率 上 存在 差异 ,所 以 同一 个 页 面 
在 不 同 分 辩 率 下 会 出 现 页 面 大 小 不 一 的 现象 。 

布局 是 指 页 面 上 的 文字 信息 、 图 片 ,动画 等 放置 在 合适 的 位 置 上 ,以 便 用 户 使 用 浏览 器 
浏览 能 感到 舒适 、 自 然 。 

(2) 常见 的 版 面 布 局 结构 。 

常见 的 布局 结构 有 T SEXE SRI . 口 字 形 结构 对称 对 比 结构 .POP 形 结构 、 国 字形 结构 、 
标题 正文 型 结构 和 变化 型 结构 。 下 面 主 要 介绍 三 种 主要 的 布局 结构 。 

O T 字 形 布局 结构 。 指 页 面 项 部 为 横 条 网 站 标志 十 广告 条 ,下 方 左面 为 主 菜单 ,右面 
显示 内 容 , 整 体 效果 类 似 于 工 ,所 以 称 之 为 工 字 形 布局 结构 。 这 是 网 页 中 使 用 最 广泛 的 一 
种 布局 结构 形式 。 

© 国字 形 布局 结构 。 指 页 面 的 顶端 是 网 站 的 标题 和 横幅 广告 条 , 接 下 来 是 页 面 的 主要 
内 容 ,左右 分 列 一 些小 内 容 , 中 间 是 主要 部 分 ,与 左右 一 起 罗列 到 底 , 最 下 方 是 网 站 的 一 些 基 
本 信息 、 联 系 方式 .版 权 声明 等 ,通常 在 大 中 型 企业 网 站 中 使 用 。 

@ 标题 正文 型 布局 结构 。 指 页 面 的 最 上 方 是 标题 或 广告 横幅 等 内 容 , 下 面 是 正文 ,一 
般 在 文章 页 面 或 注册 页 面 中 使 用 。 


6. 网 站 目录 结构 与 链接 结构 


CD 网 站 的 目录 结构 。 

一 个 电子 商务 中 的 文件 数量 少 则 几 百 个 ,多 则 上 万 个 ,如 何 有 效 地 组 织 这 么 多 的 文件 确 
实 是 一 个 不 可 忽视 的 问题 。 目 录 结 构 的 好 坏 , 对 浏览 者 来 说 虽然 没有 什么 明显 的 差异 ,但 是 
对 于 网 站 本 身 的 长 期 维护 ,内 容 的 更 新 .扩充 和 迁移 等 有 着 重要 的 影响 。 下 面 给 出 一 些 网 站 
建立 目录 结构 的 建议 。 

(D 不 要 将 所 有 文件 都 放 在 根 目录 下 。 

© 按 主 菜单 栏目 内 容 建立 子 目 录 。 

O 根据 更 新 要 求 管理 次 要 栏目 。 

CD 在 每 个 目录 下 都 建立 独立 的 images 目录 。 

© 目录 的 层次 不 要 太 多 。 

@ 不 要 使 用 中 文 目录 。 

(2) 网 站 的 链接 结构 。 

网 站 的 链接 结构 是 指 页 面 与 页 面 之 间 相 互 链接 的 拓扑 结构 。 它 建立 在 目录 结构 基础 之 
上 ,但 可 以 跨 目 录 结 构 。 也 就 是 说 ,每 一 个 页 面 是 一 个 固定 点 ,链接 则 是 两 个 固定 点 之 间 的 
连 线 。 一 个 点 可 以 和 一 个 点 链接 ,也 可 以 和 多 个 点 链接 。 

一 般 建 立 网 站 的 链接 结构 有 两 种 方式 。 第 一 种 是 树 状 链接 结构 方式 , 指 首页 链接 指向 
一 级 页 面 , 一 级 页 面 指向 二 级 页 面 。 优 点 是 层次 结构 清晰 ,浏览 者 明确 自己 在 哪个 层次 ; 缺 
点 是 浏览 效率 低 , 一 个 栏目 下 的 子 页 面 到 另 一 个 栏目 的 子 页 面 ,必须 途径 首页 。 第 二 种 是 星 
状 链接 结构 , 指 每 个 页 面 之 间 都 可 以 链接 。 优 点 是 浏览 效率 方便 ,随时 可 以 到 达 自 己 要 浏览 
的 页 面 ; 缺点 是 链接 太 多 ,容易 使 浏览 者 混淆 , 搞 不 明白 自己 在 什么 位 置 。 

在 实际 网 站 设计 中 ,往往 将 这 些 结构 混合 起 来 使 用 。 这 样 , 既 可 以 方便 、 快 速 地 到 达 自 


Q 网 站 设计 与 管理 项 目 化 教程 


己 需 要 的 页 面 ,又 可 以 清晰 地 知道 自己 的 位 置 。 所 以 ,最 好 的 办 法 是 首页 和 一 级 页 面 用 星 状 
链接 结构 ,一 级 和 二 级 页 面 之 间 用 树 状 链接 结构 。 


(E 务 3 站 点 的 建立 与 管理 


一 、 任务 实现 
1. Windows XP 系统 下 安装 IIS 及 虚拟 目录 的 创建 


CD 选择 “开始 ”1“ 设 置 "1“ 控 制 面板 ”, 打 开 如 图 2. 31 所 示 的 “控制 面板 ”窗口 。 





XRO MKD FEV ERA IAD Mio Ar 
O=- Q- X Arr Err m Sms 
sio D Puru: BL 





B coms . K 9 0 B e @ 5 Lk * 
B camo Er abad [1j cum. tisiog B 安全 中 心 nogut sin 电源 选项 suges 


aen . Hm o € D B 2 S 9$ ° 


4 Windows Update SSIA me CENE tsita GAED DRM sam Fari WE SNPA 


Um (m$ $ > < 9» * m 9 


EREA AST Rm — HPMP — 邮件 。 NEM 
Emar FARM MATR x Er m 
语音 T — 自动 更 新 


图 2.31 “控制 面板 ”窗口 
(2) 双击 “添加 或 删除 程序 ”图 标 ,打开 如 图 2. 32 所 示 的 “添加 或 删除 程序 ”窗口 。 


显示 更 新 @) 


@ zert h 279. 00MB 
|Q æo% h 651.00WB 
a Adobe Flash Player 10 ActiveX 

B Viewer h — TO.83MB 
dB isiceniust 3.0 16.5908 
(8) Dotfuscator Software Services - Community Edition 6. 64b 


|@ Dotfuscator Software Services - Community Edition - CHS 2.9308 
7.0 预览 第 2 版 19.50WB 
160.0008 


NET Framework 2.0 Service Pack 2 307. 0005 
NET Framework 2.0 语言 包 - 简体 中 文 h 133.00WB 


NET Pranework 3.0 Service Pack 2 h 226.0008 





NET Framework 3.5 SP1 











图 2.32 “添加 或 删除 程序 ”窗口 
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(3) 在 “添加 或 删除 程序 ”窗口 中 单 击 左 侧 的 “添加 /删除 Windows £H fF CAO". TJ 3F 
“Windows 组 件 向 导 ” 对 话 框 ,如 图 2. 33 所 示 。 


Windows fff 
可 以 添加 或 删除 Windows XP 的 组 件 。 


要 添加 或 仙 除 某 个 钥 件 ,请 单 击 这 边 的 复 选 框 。 灰 色 框 表示 只 会 安装 该 组 件 的 
人 





0.0 MB 
IV] RfOutlook Express 0.0 MB 


EA te M e PA pe 事务 处 理 、Active 
iB: 60.6 MB 
T 











[t-5m)(r-zm»)( mM jJ 





2.33 "Windows 组 件 向 导 ” 对 话 框 


(4) 选择 “Internet 信息 服务 (IIS) "选项 , 单 击 * 详 细 信息 ?按钮 ,打开 *Internet 信息 服务 
(HS) ”对话 框 , 如 图 2. 34 所 示 。 


Internet TW 8 IR S SY 

ES3 某 个 组 件 , AREESBLUPOSDRIG. Zea n SseHUHEII— 
部 分 。 要 查看 蛤 件 内 容 ， 博 单 击 “ 详 细 信 息 ”。 

Internet 信息 服务 GIS) 的 子 给 件 C): 

[LI 0 服务 器 扩展 

O 篇 Internet 信息 服务 管理 单元 

C SMTP Service 


描述 : 使 用 Microsoft FrontPage 和 Visual InterDev 来 创作 和 管理 站 点 


Lies] 
可 用 磁盘 空间 





图 2. 34 “Internet 信息 服务 (IIS)” 对 话 框 


(5) 选中 “Internet 信息 服务 管理 单元 ”, 如 图 2.35 所 示 。 单 击 “ 确 定 ” 按 钮 ,返回 
"Windows 组 件 向 导 ” 对 话 框 , 单 击 “ 下 一 步 * 按 钮 ,根据 系统 提示 “插入 Windows XP 
Professional Service Pack 3"CD 光盘 , 单 击 “确定 ”按钮 ,系统 会 自动 完成 IIS 的 安装 ,或 者 选 
择 已 下 载 的 IIS 版 本 安装 路 径 , 根 据 提示 选择 相应 的 文件 ,如 图 2. 36 所 示 。 单 击 “ 打 开 ” 按 
钮 ,开始 安装 ,如 图 2.37 Bron. 

(6) 安装 完成 后 ,在 控制 面板 的 “管理 工具 ”窗口 中 会 出 现 “Internet 信息 服务 ”图 标 ,如 
图 2. 38 所 示 。 


Q 网 站 设计 与 管理 项 目 化 教程 


Ternet TEES MSY 


EEMNRHEEMAF, MEERDE. KOERTE 
部 分 。 要 查看 钥 件 内 容 ,请 单 击 “ 详 细 信 息 ”。 


Internet 信息 服务 CIS) FHH C): 
O QFrontPage 2000 服务 器 扩展 

É SERET 
口 SMTP Service 1.2 MB 
回合 公用 文件 1.0 MB 
OATES 23m 司 
nexe 3.5 WB 





描述 :将 IIS 管理 界面 安装 到 Microsoft Management Console 


查找 范围 Q); (C3 res - Q ñ rm 





Bus n. 


S. 
g 
Ji, 
a 


A 

















正在 配置 组 件 
实 装 程序 正在 根据 您 的 请 求 ， 进 行 配置 更 改 。 


T WAR, SHEFECREA. MENIREA TEENE. 


状态 :正在 安装 Internet 信息 服务 .. 














图 2.37 IIS 组 件 安装 


C 若 要 检查 TIS 是 否 安装 成 功 ,可 打开 浏览 器 ,在 地 址 栏 中 输入 http://localhost, 如 
图 2. 39 所 示 。 按 Enter 键 ,如 果 HS 安装 成 功 ,就 会 在 浏览 器 窗口 中 看 到 如 图 2. 40 所 示 的 
页 面 信息 ; 反之 ,显示 如 图 2. 41 所 示 的 页 面 信息 。 
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ET 编辑 (E) SEV gm) IAW WD) 
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文件 和 文件 夹 任务 
局 共享 此 六 件 去 


其 它 位 置 

G sente 
V 我 的 文档 
D tart 
CEE 
@ nram 


详细 信息 


图 2.38 管理 工具 窗口 
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图 2. 39 输入 http://localhost 
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要 格 广东 二 加 到 烤 认 网 站 中 ,请 将 文件 保存 在 -ViswtpsbVerront\ 中 


seser 
EI ELI 
5 ZSSASBITUT r. 

'WURERBIME ,通过 Yob m 
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图 2.40 IIS 安装 成 功 
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B 无 法 显示 网 页 











Xem 
* 9a p isu, eaen. 


o RNUCECHUPRAGHIDE, ImUXESIM. 
e EUSUDFIAS, (BE TRES, MESS Internet 
园 项 。 在 连接 过 项 卡 上 ， 单 击 设置 。 设置 人 须 与 作 的 局 城 同 
LANERA Internet 服务 供应 商 0SP) 提 供 的 一 致 

* BED Internet ESQEAZIEWIEAM. STRONE 
Microsoft Windows 检查 让 的 问 站 并 自动 发 现 网 络 连 接 设 置 bn 果 
禾 的 网 结 管理 内 已 经 启用 此 设置 ) 

L 单 击 工具 荣 单 ， 类 后 音 击 Internet WW. 
2 EENSATL M us am. 
IR ERIS, MERHAT. 

+ AUMAR c» DINSI. WSBDES , 外 后 二 关于 
Internet Explorer 可 以 查看 你 所 安装 的 安全 强度 

如 果 修 要 沪 问 其 安全 站 点 ， 请 确保 多 的 安全 设置 这 由 支 持 ， se 
BIRRE, NEMS Internet IN, E "BU" SNF 
ERDE “RE” BED, SOR SSL 2 0. SSL 3 0. TLS 1.0. 
PCT 1.0 设置 


e fh Lem, sou. 


HUFRURS EAR DIS MA 


Internet Explorer 


am e rtemet 








2.41 IIS 安装 不 成 功 


(8) 若 要 创建 虚拟 目录 ,在 “管理 工具 ”窗口 中 双击 “Internet 信息 服务 ”图标 , 打开 
“Internet 信息 服务 ”窗口 ,如 图 2. 42 所 示 。 


XAD AEO LEE LRD —— 
e» OMER 9s 9 »mu 


S internet 信息 服务 BE 
B- rc20171119210c0 (本 地 计算 机 ) c: windowskhelpViishelp 





SMTP 虚拟 服务 器 


@ 142021114 吴宁 航 
(EBASPnet 
(Elsspaet_client 





iisstart asp 
[S] localstart. asp 
[S] mnc. gi £ 


meserror eif 








4 








图 2. 42 “Internet 信息 服务 ”窗口 
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(9) 布 击 “ 默 认 网 站 ”, 弹 出 快捷 菜单 ,如 图 2. 43 所 示 。 选 择 “ 新 建 ”1“ 虚 拟 目录 ”命令 ， 
打开 “虚拟 目录 创建 向 导 ” 对 话 框 ,如 图 2. 44 所 示 。 


YE Internet RERS 
文件 (E) REO SO) EHH 
€ mim E E) 2 RM 


Ñ Internet 信息 服务 
&- 4 rcootTi 1921800 (本 地 计算 机 ) 
Ë 站 


网 
28 aro 
WS FO 


usen 










[ULL LIT 





欢迎 使 用 虚拟 目录 创建 向 导 









停止 
gSa) 


新 建 (N) , 
KAESO > 


EEV * 


重 命名 (M) 
BIE 
导出 列表 (D)..… 


TRIER) 
FED 


此 向 导 将 帮助 您 在 网 站 上 新 建 一 个 虚拟 目录 。 


单 击 “下 一 步 ”按钮 继续 - 











查看 项 目 


图 2.43 快捷 菜单 图 2.44 “虚拟 目录 创建 向 导 ” 对 话 框 





(10) 单 击 “ 下 一 步 "按钮 ,输入 别名 名 称 ,如 输入 sitel ,如 图 2.45 所 示 。 单 击 “ 下 一 步 ” 
按钮 ,输入 内 容 所 在 的 目录 路 径 ,如 图 2. 46 所 示 。 单 击 “ 下 一 步 " 按 钮 ,选择 虚拟 目录 访问 权 
限 ,如 图 2.47 所 示 。 


FIEka LE 
虚拟 目录 别名 
必须 为 虚拟 目录 提供 一 个 简短 的 名 称 或 别名 ,以 便于 快速 引用 。 


SAB TES va SUB us. ER 
LEES TORNIS. SANASA 


5180): 


isitel| 





KX-sejr-sa» ( Wi 





图 2.45 输入 别名 
OD 单 击 “下 一 步 ” 按 钮 ,显示 “已 成 功 完 成 虚拟 目录 创建 向 导 ”, 如 图 2. 48 所 示 。 


(12) 单 击 “ 完 成 ”按钮 ,在 “Internet 信息 服务 ”窗口 中 显示 出 新 创建 的 sitel 虚拟 目录 ， 
如 图 2. 49 所 示 。 
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[ILES IL 


网 站 内 容 目录 
要 发 布 到 网 站 上 的 内 容 的 位 置 。 


输入 内 容 所 在 的 目录 路 径 。 
目录 四) 


[E:Inetpub rer oot si tel \ASPNet 浏览 a) 








图 2.46 内 容 所 在 路 径 


[ZEE Lj 


访问 权限 
设置 虚拟 目录 的 访问 权限 。 


允许 下 列 权限 


F RG) 

Iv 运行 脚本 0 asr) (S) 

厂 RAT QO ISAPI 应 用 程序 或 CGI) E) 
r EX 

Iv AEW 

Ph F-E” RARAS. 





KESON) [ma J 








图 2.47 选择 访问 权限 


EEC 
pA UENS 目录 创建 向 


击 “ 充 成 ”按钮 继续 





上 EC 








图 2. 48 ”完成 虚拟 目录 创建 
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>£ Internet EERS 


XD MEAD SEW 帮助 中 


£ 自 国 xm @m 2 , =" 
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Ei ËB EC2017111921NC0 [本 地 计算 机 | C Account 
日 生 网 站 E Mpp_Data 
E Su F bin 

d È image 

Emm 

E MSFnet Erosa 


dies PR " Co 
Ae. 默认 smr 虚拟 服务 器 Properties 


Scripts 

(styles 

[8] ASP. Net. esproj 

[8] ASP. Net. csproj. user 
[g] ASP. Net. suo 

[gl ChangePwd. aspx 
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图 2.49 查看 新 建 好 的 虚拟 目录 
(13) 右 击 sitel ,弹出 快捷 菜单 ,如 图 2. 50 所 示 。 选 择 “ 属 性 ”命令 ,打开 “sitel 属性 ”对 
话 框 ,如 图 2.51 所 示 。 在 “sitel 属性 ?对 话 框 中 有 多 个 选项 卡 , 根 据 需要 进行 相应 的 设置 
即 可 。 












































XRO MEAD FEW HIW ERDEN ANER 
e» mE x r [2 B 加 中 计算 机 上 的 目 条 而] 
mim XP e e 回 另 一 台 计 算 机 上 的 共享 @) 
= Ë FC2017111921NC0 (本 地 计 4^ || m$ C 重 定向 到 VRLQD 
8 C3 网 站 [ST — 
E) all) 默认 网 站 [zh 本 地 路 径 (C) [Ci\Inetpub\wwwr oot\sitel \ASPNet 
2 $ d en 加 千本 资源 沪 问 D [XE IER 
° 资源 管理 器 人 ) [ops T IDE D 
ee IRO 
wg BO 应 用 程序 设置 
900 mw > 
sa PN i 应 用 程序 各 由 sitel | CR 
EE 开始 位 置 RUFI i tel 
m T 
2 H sre » 执行 权限 Q) | (ERO... ) 
= z D) [pO — -.]| &€&o | 
OT HKD SRRFRPW: [PARM ` 
«Ti m SHP. 
UCL n a] O NN 
ED [me [ma] [ smo ) [8] 
图 2. 50 sitel 快捷 菜单 图 2. 51 “sitel 属性 ”对 话 框 


(14) 车 要 检查 虚拟 目录 是 否 创 建成 功 ,打开 浏览 器 ,在 地 址 栏 中 输入 虚拟 目录 创建 
的 路 径 和 文件 名 ,如 输入 http://localhost/sitel/index. asp, 若 虚拟 目录 创建 成 功 , 则 显示 
如 图 2. 52 所 示 的 页 面 信息 ,反之 , 若 虚拟 目录 创建 不 成 功 , 则 显示 如 图 2. 53 所 示 的 页 面 


信息 。 
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文件 E) ”编辑 (E) SEV 收藏 和 ) IAV 帮助 (H) 


Qa- O- I3 [2 € Arn yc € @- 2 E- INN 














地 址 (0) |Ë] http://localhost/sitel/index. asp| -| 


Ë) 数据 科学 与 大 数据 技术 讲座 。”(2011-7-12 6:21:26 发 表 ) 浏览 过 3 次 
B 电子 商务 研讨 会 。(2011-7-12 6:17:43 发 表 ) 浏览 过 1 次 

Ë) 互联 网 + 创新 创业 大 赛 通知 。 2011-T-12 6:15:26 发 表 ) 浏览 过 1 次 
B 云 计算 技术 交流 研讨 会 。(2011-6-18 20.40:14 发 表 ) 浏览 过 3 次 








企业 新 闻 系统 62011 
E zb Intranet. 





图 2.52 虚拟 目录 创建 成 功 


TESPA 
文件 (E) RRO SEV RAA IAD HHD 





地 址 (D) (E) http://localhost/sitel/index. asp 
找 不 到 网 页 


正在 查找 的 网 页 可 能 已 被 删除 、 重 命名 或 暂时 不 可 用 。 





请 尝试 执行 下 列 操作 : 


e 加 果 是 在 “地 址 ” 栏 中 键入 了 网 页 地 址 ， 请 检查 其 拼写 是 否 正 确 。 
@ 打开 localhost 主页 ， 然 后 查找 与 所 需 信息 相关 的 链接 。 
e 单 击 后 退 按钮 兰 试 其 他 链接 


JTTF 错误 404 - 找 不 到 文件 
Internet 信息 服务 








E Fit Intranet 


2.53 虚拟 目录 创建 不 成 功 


2. Windows 7 系统 (64 位 ) 下 安装 IIS 及 Web 网 站 的 创建 


(1) 选择 “开始 ”|“ 控 制 面板 ”命令 ,打开 如 图 2. 54 所 示 的 “控制 面板 "窗口 。 

(2) 单 击 “ 程 序 ” 图 标 ,打开 “程序 和 功能 ”窗口 ,如 图 2.55 所 示 。 在 窗口 左 侧 单 击 “ 打 开 
或 关闭 Windows 功能 ”按钮 ,打开 “Windows 功能 ”窗口 ,如 图 2. 56 所 示 。 

(3) 在 “Windows 功能 ”窗口 中 展开 “Internet 信息 服务 ”| "Web 管理 工具 ”, 选 中 *IIS 管 
理 控制 台 ” 选 项 ,如 图 2.57 所 示 。 
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用 户 帐 户 和 家 庭 安全 

加 添加 或 删除 用 户 帐户 
备份 您 的 计算 机 @ 为 所 有 用 户 设置 家 长 控制 
查找 并 解决 问题 


网 络 和 Internet 





2.54 “控制 面板 ”窗口 


igi ~ 

(em E 

B Adobe Flash Player 28 ActiveX 

fl Adobe Premiere Pro cC 

Č) Apple Software Update 

E Apple 应 用 程序 支持 

PjBrother MFL-Pro Suite DCP-7030 

]Elintel(R) Graphics Media Accelerator Driver 

Be Microsoft Office Professional Plus 2010 

回 Microsoft Visual C++ 2005 Redistributable 


I&3Microsoft Visual C+ + 2005 Redistributable 
4 











当前 安装 的 程序 n pers 259 GB ü 
29 ¿spa 











图 2. 55 “程序 和 功能 ”窗口 
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|] Internet Information Services 可 承载 的 Web 核心 
Hj: 
国 Microsoft ,NET Framework 3.5.1 

Ji Microsoft Message Queue (MSMQ) 服务 器 

J NFS 服务 

J) RIP ra 

由 Tablet PC 组 件 

D Telnet 服务 器 

J Telnet SAR 

D TFTP Ees 

| |Ë Windows Process Activation Service ~ 


Cms Jm | 

















































































































Œ ll J; Microsoft .NET Framework 3.5.1 
@ FJ} Microsoft Message Queue (MSMQ) 服务 器 ~ 


Ce (= 1| 
































图 2.57 j3k'p*IS 管理 控制 台 ” 


(4) TE" Windows 功能 ”窗口 中 展开 “Internet 信息 服务 ?|* 万 维 网 服务 "|* 应 用 程序 开 
发 功能 ” ,将 其 所 有 选项 都 选中 ,如 图 2. 58 所 示 。 

O) 单 击 “ 确 定 ” 按 钮 ,开始 安装 TIS 组 件 , 如 图 2.59 所 示 。 

(6) 要 检查 HS 安装 是 否 成 功 ,可 打开 浏览 器 ,在 地 址 栏 中 输入 http://localhost. 

(7) 安装 完成 后 ,打开 “所 有 控制 面板 项 ”窗口 ,在 “查看 方式 ”选项 中 选择 “小 图 标 ”, 如 
图 2. 60 所 示 。 单 击 “ 管 理工 具 ” 图 标 ,打开 如 图 2.61 所 示 的 “管理 工具 ”窗口 。 
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打开 或 关闭 Windows 功能 
EUER EE 车 要 关闭 一 种 功能 ， 请 清除 其 复 先 
填充 的 框 表示 仅 打开 该 功能 的 一 部 分 . 
F Internet Information Services 可 承载 的 Web 核心 > 
E fill ]] Internet 信息 服务 
anj FTP 服务 器 
日 gj, web SEIA 
a AJ us 6 管理 兼容 性 
DJ ns 管理 服务 
EJ us 管理 加 本 和 工具 
| k us 管理 控制 台 
日 j, 万 维 网 服务 
maj 安全 性 
m Lj] RR HTTP 功能 
amj 性 能 功能 
mij 应用 程序 开发 功能 








田 B| Ji Microsoft .NET Framework 3.5.1 Windows 1EZESS2IUZRE , ERR. XOTE 

& FIJ) Microsoft Message Queue (MSMQ) 服务 器 要 几 分 钟 。 

a EJ NFS 服务 
E mue 侦 听 器 
|) Tablet PC 组 件 


























Ñ BitLocker EEE E Fash Player (32 6 
@ Internet ZA Q QuickTime (32 &) 
Tf RemoteApp MAMES Bl windows CardSpace 
M windows ya Dannan 

A erme D dang 
Lad sra 
Ban een 

LE 四 SN 中心 

RL ese [开始 | sue eS amaa 

di umm h 设备 条 印 机 

2 B &zsum 

@ asto F 网 络 和 共享 中 心 

E xem m = 

硬性 总 信息 和 工具 m see 

a 用 户 帐户 Q =e G2 

d 





图 2. 60 “所 有 控制 面板 项 ”窗口 
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2018/2/1 9:47 
2018/2/1 947 

2009/7/14 12:54 
2009/7/14 13:32 


2009/7/14 12:53 
2016/7/14 14:04 
2016/7/14 14:04 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009///14 12:53 
2009/7/14 12:53 
ca RA (D) 2009/7/14 12:53 
ca 本 (E) ZONTA 1254 
ca PS (F) 


A 16 个 对 象 








图 2.61 “管理 工具 ”窗口 


(8) 在 “管理 工具 ”窗口 中 双击 “Internet 信息 服务 (IIS) 管 理 器 ,打开 如 图 2. 62 所 示 的 
"Internet 信息 服务 (IIS) 管 理 器 ?窗口 。 





@ SXGINJMENR7CDP3 主页 


as 
ASPNET 

















2.62 "Internet 信息 服务 (IIS) 管 理 器 ”窗口 


(9) 在 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 的 左 侧 ,展开 本 地 服务 器 , 右 击 “网 站 ”, 弹 
出 快捷 菜单 ,如 图 2.63 所 示 。 选 择 “ 添 加 网 站 ”命令 ,打开 如 图 2. 64 所 示 的 “添加 网 站 ”对 
话 框 。 
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图 2.63 右 击 “网 站 ”弹出 的 快捷 菜单 图 2. 64 “添加 网 站 ”对 话 框 


(10) 在 “添加 网 站 ”对 话 框 中 输入 如 图 2.65 所 示 的 内 容 。 单 击 “ 确 定 ” 按 钮 ,sitel 网 站 
添加 完成 ,如 图 2.66 所 示 。 











TP 地 址 四 : 
192.168.1.102 














E "43 SXGINJMENR7CDP3 (5XGI| 
D 应 用 程序 池 





a Kal Bš] 
b 49) Default Web Site 
b @ sitel 








图 2.65 设置 添加 网 站 选项 内 容 图 2.66 网 站 添加 完成 
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(11) 在 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 中 单 击 左 侧 上 方 的 本 地 计算 机 名 称 , 打 开 
如 图 2. 67 所 示 的 本 地 计算 机 网 站 主页 。 双 击 HS 下 的 ASP 图 标 ,打开 ASP 属性 页 ,如 
图 2. 68 所 示 。 在 “行为 "组 中 ,将 “启用 父 路 径 ” 设 置 为 True, 如 图 2.69 所 示 。 单 击 右 侧 “ 操 
作 ” 栏 中 的 “应 用 ”按钮 ,保存 更 改 设置 。 





@J sxciN)MENR7CDP3 主页 





s mec | Ex 














2.67 本 地 计算 机 网 站 主页 


«3 ASP pE 


显示 ， 好 i2 的 名 称 ~- Kk Rs 

日 编 泽 © == 

田 调试 属性 联机 帮助 
脚本 语言 VBScript 











Com Plus 届 性 
与 ASP COM Plus 相关 的 尾 性 . 


























司 功能 视图 (S 内 容 视图 




































































图 2.68 ASP 属性 页 
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í 

















日 编译 - 
D 调试 尾 性 
脚本 语言 VBScript 
E 服务 
E) Com Plus 属性 
B dm 
会 活 属性 
B 8*5 = 
REN 0 
发 生 配 置 更 改 时 重新 启动 True 
启用 HTML Ei. True 
EENIA True 回 
BREDT True 
RRRA True 
区 域 设置 ID 0 
E) 限制 属性 z 
启用 父 路 径 
指定 ASP 页 是 否 允 许 相对 于 当前 目录 的 路 径 (使 用 N 表示 法 ) , 即 当前 目录 之 上 的 路 径 . 




















3] 功能 视图 L5 内 容 杭 图 




















2.69 启用 父 路 径 


(12) 在 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 中 单 击 左 侧 的 “应 用 程序 池 ”, 打 开 如 
图 2.70 所 示 的 “应 用 程序 池 ” 属 性 页 。 






回国] 他，5XGINMENR7COP3 > grt 


























图 2.70 “应 用 程序 池 ” 属 性 页 


(13) 在 “应 用 程序 池 ” 属 性 页 中 右 击 , 弹 出 快捷 菜单 ,如 图 2.71 所 示 。 选 择 * 设 置 应 用 
程序 池 默 认 设置 命令 .打开 如 图 2. 72 所 示 的 “应 用 程序 池上 默认 设 置 " 对 话 框 。 将 “(常规 )” 
组 中 的 “启用 32 位 应 用 程序 "设置 为 True, 如 图 2.73 所 示 。 单 击 “ 确 定 ” 按 钮 ,完成 保存 。 
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eg ums 

您 可 以 在 此 页 上 查看 和 管理 服务 器 上 的 应 用 程序 池 列 表 。 应 用 程序 池 与 工作 进程 相关 联 , E rt 
多 个 应 用 得 序 ， 并 提供 不 同 应 用 程序 之 间 的 隔 高 . 

mE - FAO -HASERA | 分 组 依据 : B 
名 称 状态 NET Fra-， 托管 管道 模式 A 应 用 程序 
Classic NET A... BE) v20 E ApplicationPoolL. 0 

É DefaultAppPool 已 启动 ”v20 集成 ApplicationPooll.. 1 
sitel Bem v2.0 集成 ApplicationPoolL. 1 


B mouse. 
设置 应 用 程序 池 默 认 设置 … 
e =» 
联机 帮助 








Ce u. U U U U u x 


图 2.71 选择 “设置 应 用 程序 池 默 认 设置 ”命令 














[managedRuntimeVersion] 配置 应 用 程序 池 ,以 jp 载 特定 版 本 的 
Framework。 选 择 “无 托管 代码 ” 构 导 到 所 有 ASP.NET WRM. 

















2.72 “应 用 程序 池 默 认 设置 ?对 话 框 





Bc 
-NET Framework 版 本 






































图 2.73 更 改 “ 启 用 32 位 应 用 程序 ” 
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O4) 若 要 检查 网 站 是 否 创建 成 功 , 可 打开 浏览 器 ,在 地 址 栏 中 输入 http://192. 168. 1. 102, 
按 Enter 键 ,如 果 显 示 如 图 2. 74 所 示 ,表示 网 站 可 访问 ,网 站 创建 成 功 ; 如 果 显 示 如 图 2. 75 





$ Bus Sl:nex P |a Am 和 电脑 主题 和 电影 网 站 





(2017/12/22 20:43:22 发 表 ) 





(2017/12/21 21:00:15 发 表 ) ”浏览 二 





(2017/12/21 21:00:15 发 表 ) ”浏览 过 6? 
(2017/12/21 21:00:15 发 表 ) 浏览 ; 


(2017/12/21 21:00:15 发 表 ) 














2.74 网 站 可 访问 


B http://192.168.1.102/ ~ è || 22.. p~ S 
É HTTP 500 内 部 服务 器 错误 “X 
ys Baxan Blinez P| 成 人 用 品 E 电脑 主题 个 电影 网 站 





@ vm 


HTTP 500 





最 可 能 的 原因 是 : 
* 该 网 站 正在 进行 维护 . 
* 该 网 站 有 程序 错误 . 
你 可 以 尝试 以 下 操作 : 
* 刷新 该 页 面 
* 返回 到 上 一 页 . 
e 详细 信息 


此 错误 (HTTP 500 内 部 服务 器 错误 ) 意 昧 着 你 正在 访问 的 网 站 出 现 了 服务 器 问题 ,此 问题 阻止 了 该 网 页 的 明示 。 
AX HTTP 错误 的 详细 信息 ， 请 参阅 帮助 . 











2.75 网 站 不 可 访问 
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二 x 知识 学 习 
1. Internet 信息 服务 IIS 


IIS 的 全 称 Internet Information Server, 是 目前 最 流行 的 Web 服务 器 产品 之 一 ,很 多 出 
名 的 中 小 型 企业 网 站 都 是 建立 在 IIS 的 平台 上 。IIS 提供 了 一 个 图 形 界面 的 管理 工具 , 称 为 
Internet 服务 管理 器 ,可 用 于 监视 配置 和 控制 Internet 服务 。 

IIS 是 一 种 Web 服务 组 件 , 主要 包括 WWW 服务 器 .FTP 服务 器 .NNTP 服务 器 和 
SMTP 服务 器 ,分 别 用 于 网 页 浏览 ,文件 传输 、 新 闻 服务 和 邮件 发 送 等 方面 , 它 使 在 网 络 上 
发 布 页 面 信息 成 为 一 件 很 容易 的 事情 。 要 运行 ASP 程序 或 ASP .NET 程序 ,需要 为 本 地 计 
算 机 安装 TIS 组 件 。Windows XP 操作 系统 中 已 经 包含 了 JIS 5. 0, Windows Server 2005 f 
作 系 统 中 已 经 包含 了 IIS 6.0. Windows 7 操作 系统 中 也 集成 了 IIS 7.0。 本 地 计算 机 安装 上 
IIS ,就 可 以 作为 服务 器 ,建立 功能 强大 的 Internet 和 Intranet 站 点 了 。 

在 Windows XP, Windows 7 操作 系统 中 安装 IIS 的 操作 流程 已 在 本 任务 的 “任务 实现 ” 
中 进行 详细 介绍 ,在 此 不 再 袭 述 。 下 面 主要 介绍 在 Windows XP 操作 系统 和 Windows 7 操 
作 系统 中 安装 IS 出 现 的 一 些 常用 对 话 框 选项 。 

(1) Windows XP 系统 。 

安装 好 IIS 后 ,系统 自动 提供 了 一 个 默认 网 站 ,如 图 2. 76 所 示 ,在 这 个 默认 网 站 中 已 提 
供 了 一 些 基 本 的 站 点 文件 。 接 下 来 ,为 这 个 默认 网 站 准备 一 个 主页 ,并 将 该 主页 文件 放 到 默 
认 网 站 的 主 目录 下 。 如 果 没 有 改动 ,IIS 默认 网 站 主 目录 的 位 置 是 在 C: MnetpubVWwwwroot 
下 ,而 系统 默认 的 主页 文件 为 localstart. asp, 当然 这 些 都 是 可 以 根据 需要 再 做 更 改 。 即 在 
“默认 网 站 ”上 碳 击 ,然后 在 出 现 的 快捷 菜单 上 选择 “属性 ?命令 ,打开 如 图 2.77 所 示 的 对 话 
框 。 在 这 个 对 话 框 中 可 以 对 其 中 的 各 项 参数 进行 重新 设置 。 

Y£ Internet TE BUR SS 
文件 (E) REO FEW MHH 


e» mEn @m 2 >m 


$ internet 信息 服务 名 称 d 
S- ËB Pc2017111921Xc0 [本 地 计算 机 saa; ci\windows\help\iishelp 
Be 网 站 Sue C: MInetpublwerroothsi tel 


由 > 2mm e ga @rines C: \Wwindows\web\printers 





E MASPnet 
i 
[S] Thumbs. db 


[S] help. eit 

[8] iisstart. asp 

[9] 1ecal stort. asp 

[3] vac cit 

[8] agerror. gif 

[8] print. eit 
warning gif 

[S] veb. cit 

[9] vix». gi £ 




















图 2.76 Windows XP 系统 默认 网 站 
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站 让 
/网 站 标识 
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IP HO: 
TCP 端口 CD: 
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国保 持 ITTP 连接 QO 


























V BARTER E) 
活动 日 志 格式 (0) 








vac 扩展 日 志文 件 格式 




















图 2.77 “默认 网 站 属性 ”对 话 框 


“网 站 ”选项 卡 。 在 “网 站 


标识 ” 栏 中 可 以 输入 网 站 的 名 称 (默认 名 称 为 默认 网 站 ”)， 


设置 IP 地 址 (默认 为 未 分 配 ,如 果 本 地 计算 机 作为 服务 器 ,一 般 为 本 机 网 卡 所 设置 的 TP 地 


址 ) ,设置 TCP 端口 (默认 为 80) 


; 在 “连接 ” 栏 中 可 以 设置 访问 网 页 连接 超时 时 间 ( 默 认为 


900 秒 ) 和 是 否 保 持 HTTP 连接 ; 是 否 要 “启用 日 志 记录 ”及 活动 日 志 格 式 的 设置。 


@“ 主 目录 ”选项 卡 。“ 主 目 


录 ” 选 项 卡 如 图 2.78 所 示 。 在 * 主 目录 ”选项 卡 中 可 以 设置 


连接 到 资源 时 的 内 容 来 源 ( 默 认为 “此 计算 机 上 的 目录 ”) ,设置 本 地 路 径 ( 默 认 目录 为 C:\ 
inetpub\wwwroot) 及 访问 权限 (默认 选中 * 读 取 ”” 记 录 访问 "和 “索引 资源 ”) 等 。 


[SD Ti 





IS 


TERIS RUR 


API id 


Qe SGERLEROB ü! 


O 另 一 各 计算 机 上 的 共享 GE) 
C 重 定向 到 WLW 





本 地 路 径 O: 





























Bielius (D 国 记 录 访 问 QD 
读 取 QD 


[eVinetpub\wewroot 














国 索 引资 源 C) 











RIPE QD: 
开始 位 置 : 
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2.78 “ 主 目录 ”选项 卡 


(s^ 网 站 设计 与 管理 项 目 化 教程 


@ “文档 ?选项 卡 .“ 文 档 ? 选 项 卡 如 图 2.79 所 示 。 在 “文档 ”选项 卡 中 可 以 设置 默认 
网 站 打开 网 页 的 先后 顺序 ,也 可 以 添加 网 页 文档 使 之 成 为 默认 文档 ,默认 文档 常常 称 为 
首页 ,一 般 为 网 站 的 入 口 页 面 。 例 如 ,将 gwmly. html 文档 添加 到 默认 文档 中 并 将 其 移 到 
第 一 位 ,如 图 2. 80 所 示 , 单 击 “ 应 用 ”按钮 ,完成 文档 的 添加 。 在 “Internet 信息 服务 ”窗口 
中 右 击 “ 默 认 网 站 ”, 弹出 快捷 菜单 ,选择 “浏览 ”命令 ,显示 添加 的 文档 内 容 , 如 图 2. 81 
所 示 。 
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2.79 “文档 ”选项 卡 





启用 默认 文档 (C) 
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图 2. 80 ”添加 默认 文档 
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2.81 显示 添加 的 文档 


(2) Windows 7 系统 。 

安装 好 IIS 后 ,系统 自动 提供 了 一 个 Default Web Site 默认 网 站 ,如 图 2. 82 所 示 ,在 这 
个 默认 网 站 中 已 提供 了 一 些 基本 的 站 点 文件 。 接 下 来 ,为 这 个 默认 网 站 准备 一 个 主页 ,并 将 
该 主页 文件 放 到 默认 网 站 的 主 目录 下 。 如 果 没 有 改动 ,IIS 默认 网 站 主 目 录 的 位 置 是 在 


te ii à 
GG) © > sxGINUMENR7CDP3 » Rss » Deleut Web Site ， 1 


@ Default Web Site 主页 






































2.82 Windows 7 默认 网 站 
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C;MnetpubVwwwroot 下 ,而 系统 默认 的 主页 文件 为 iisstart. htm, 当然 这 些 都 是 可 以 根据 
需要 再 做 更 改 。 即 在 Default Web Site 主页 的 IIS 下 双击 “默认 文档 ?图标 ,打开 如 图 2. 83 
所 示 的 “默认 文档 ”窗口 ,在 这 个 窗口 中 可 以 改变 默认 文档 的 顺序 ,也 可 以 添加 文档 作为 默认 
文档 ,新 添加 的 文档 默认 放 在 第 一 位 。 例 如 ,将 index. aspx 添加 为 默认 文档 ,并 浏览 显示 。 
首先 , 单 击 “ 操 作 ” 窗 格 中 的 “添加 ”按钮 ,打开 如 图 2. 84 所 示 的 “添加 默认 文档 ?对话 框 ,输入 
index. aspx, 单 击 “ 确 定 ” 按 钮 ,添加 完成 ,如 图 2. 85 所 示 。 其 次 , 单 击 Default Web Site 网 
站 ,返回 Default Web Site 主页 ,在 “操作 ” 窗 格 中 的 “浏览 网 站 ”下 单 击 “ 浏 览 * : 80(http)” 
按钮 ,显示 添加 文档 index. aspx 的 内 容 , 如 图 2. 86 所 示 。 
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2.85 完成 文档 添加 
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图 2.86 显示 添加 文档 内 容 
如 果 应 用 程序 是 在 Windows 7 32 位 操作 系统 下 开发 的 ,而 程序 迁移 到 Windows 7 64 


位 操作 系统 环境 下 运行 , 则 需要 在 “应 用 程序 池 默 认 设置 "中 启用 32 位 应 用 程序 ,即将 “启用 
32 位 应 用 程序 ”的 属性 值 改 为 True。 启 用 32 位 应 用 程序 对 话 框 如 图 2. 87 所 示 。 





E due 
ANET Framework 版 本 














FH 2.87 启用 32 位 应 用 程序 对 话 框 


如 果 应 用 程序 是 在 .NET 4. 0 环境 下 开发 的 ,应 将 “应 用 程序 池上 默认 设置 "中 的 .NET 
Framework 版 本 改 为 .NET 4.0 版 本 。 图 2.88 所 示 为 应 用 程序 池 .NET Framework 2. 0 
版 本 。 将 其 改 为 .NET Framework 4. 0 版 本 ,如 图 2. 89 所 示 。 


2. 虚拟 目录 


在 本 地 计算 机 上 创建 网 站 ,一 般 不 会 把 网 站 保存 在 主 目 录 下 (安装 IIS 的 默认 位 置 ) ,更 
多 的 情况 是 把 网 站 放 在 其 他 目录 下 。 例 如 将 站 点 放 在 D:\luo。 此 时 ,如 果 要 发 布 网 站 ,就 
需要 建立 虚拟 目录 。 
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[enable32BitAppOnWin64] 如 果 针 对 64 
属性 设 为 True， 则 为 应 用 程序 池 提 供 服务 的 工 

















2.88 .NET Framework 2.0 版 本 









































图 2.89 .NET Framework 4.0 版 本 


目录 分 为 两 种 类 型 : 一 种 是 物理 目录 ; 另 一 种 是 虚拟 目录 。 物 理 目录 是 位 于 计算 机 物 
理 文件 系统 中 的 目录 , 它 可 以 包含 文件 及 其 他 目录 。 虚 拟 目录 是 在 HS 中 指定 并 映射 到 本 
地 或 远程 服务 器 上 的 物理 目录 的 目录 名 称 。 下 面 是 Windows 7 操作 系统 下 建立 虚拟 目录 
的 步骤 。 

CD HF “Internet 信息 服务 (JIS) 管 理 器 ”窗口 并 右 击 Default Web Site 站 点 ,弹出 快捷 
菜单 ,选择 “添加 虚拟 目录 ”命令 ,弹出 “添加 虚拟 目录 ”对 话 框 ,如 图 2. 90 所 示 , 在 “别名 ” 文 
本 框 中 输入 sitel, 在 “物理 路 径 ” 文 本 框 中 输入 FF:\sitel, 如 图 2.91 所 示 ,或 者 单 击 物理 路 径 
右边 的 “…” 按 钮 进行 选择 。 

(2) 单 击 “ 确 定 ” 按 钮 ,完成 虚拟 目录 的 创建 ,如 图 2. 92 所 示 。 此 时 虚拟 目录 sitel 和 物 
理 路 径 F:\sitel 就 建立 了 映射 关系 。 


项 目 二 ”电子 商务 网 站 建设 规划 与 实施 5) 









































| 4-83 SXGINJMENR7CDP3 (5XGINJMENR7CDP3\Administrator) 
OQ 应用 程序 池 
4 国 网 站 
4 €) Default Web Site 
b -E aspnet client. 
? 








2.92 完成 虚拟 目录 sitel 的 创建 


3. 访问 网 站 


IIS 安装 完成 后 ,访问 默认 网 站 的 地 址 为 http://localhost/ 网 页 文件 名 、http://127.0.0.1/ 
网 页 文件 名 或 者 http:// 本 地 计算 机 名 /网 页 文件 名 。 例 如 ,访问 默认 网 站 Default Web Site 
下 的 login. asp 文件 ,如 图 2.93 所 示 。 

创建 虚拟 目录 后 ,访问 网 站 的 地 址 为 http://localhost/ 虚 拟 目 录 名 /网 页 文件 名 、 
http:// 本 地 计算 机 IP 地 址 /虚拟 目录 名 /网 页 文件 名 或 者 http:// 本 地 计算 名 /虚拟 目录 
名 /网 页 文件 名 。 例 如 ,访问 虚拟 目录 sitel 下 的 default. aspx 文件 ,如 图 2. 94 所 示 。 
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忘记 密码 
um xcd 
确定 进入 | 重新 输入 | 返回 简历 界面 









































2.93 访问 默认 网 站 下 的 login. asp 文件 














2.94 访问 虚拟 目录 下 的 default. aspx 文 件 


一 、 实 训 题 


1. 浏览 酒 圈 网 (http://www. jiuq. com) 和 梦 露 内 衣 (http://www. menglu. com) 电 子 
商务 网 站 ,分 析 它 们 的 网 站 市 场 定位 、 竞 争 优势 .网 站 内 容 规划 和 网 站 整体 风格 。 

2. 设计 一 份 网 站 调研 报告 。 

3. 给 一 个 服装 商店 进行 栏目 规划 。 

4. 给 第 3 题 中 的 服装 商店 进行 总 体 设计 。 


5. 在 自己 的 计算 机 (Windows 7 64 f) E BL HS 并 建立 虚拟 目录 ,使 用 http:// 
localhost 访问 默认 网 站 和 建立 的 虚拟 目录 。 


二 、 练 习题 
1. 选择 题 
(1) 企业 的 Logo 是 指 ( Js 
A. 网 站 标志 B. 公司 名 字 C. 导航 栏 D. 横幅 广告 


(2) 网 站 项 目的 可 行 性 不 包括 ( Js 
A. 经 济 可 行 性 B. 技术 可 行 性 
C. 社会 环境 可 行 性 D. 地 理 位 置 
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(3) 网 站 目录 层次 一 般 不 要 超过 ( ) 层 。 





A. 4 B. 3 €. 5 D. 6 
(4) 网 站 的 前 台 设 计 功能 不 包括 ( J 
A. 商品 分 类 B. 购物 车 C. 商品 搜索 栏 D. 用 户 管 理 
(5) 网 站 正文 的 字体 一 般 设置 为 ( 2s 
A. 12px B. 14px C. 16px D. 18px 
2. 填空 题 
(1) 一 般 建 立 网 站 的 链接 结构 有 和 
(2) 常见 的 版 面 布局 结构 有 T 字 形 结构 、 . POP 形 结构 .变化 型 结 
构 和 国字 形 结构 。 
(3) 网 页 正文 的 字体 一 般 使 用 ,不 要 超过 字体 。 
(4) 可 行 性 研究 的 目的 是 确定 该 网 站 是 否 ER s 
(5) 企业 电子 商务 网 站 设计 栏目 的 最 基本 任务 是 建立 内 容 展示 框架 ,具体 要 确定 哪些 
是 栏目 .哪些 栏目 ,并 建立 栏目 的 层次 结构 。 
3. 简 答题 


CD 简 述 电子 商务 网 站 调研 的 一 般 步 又 。 

(2) 简 述 电子 商务 网 站 的 一 般 购物 流程 。 

(3) 简 述 在 Windows XP 和 Windows 7 操作 系统 下 安装 IIS 的 基本 步骤 。 

(4) 简 述 什么 是 虚拟 目录 ,怎样 访问 虚拟 目录 。 

(5) 如 果 应 用 程序 在 Windows 7 32 位 操作 系统 的 .NET 4. 0 环境 下 开发 , 且 .NET 
Framework 版 本 为 .NET 4.0, 要 将 其 应 用 程序 迁移 到 Windows 7 64 位 操作 系统 环境 下 运 
行 ,应 如 何 设置 TIS 的 选项 ? 


] 


t: 
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) 项 目 学 习 目 标 | 
1. 了 解 电 子 商 务 网 站 Web 服务 器 的 配置 方案 ; 
2. 了 解 电子 商务 网 站 的 开发 方式 与 开发 流程 ; 
3. 掌握 网 站 上 传 工 具 的 使 用 。 


> 项目 任务 | 


"任务 1 网 络 操作 系统 、 开 发 技术 与 Web 服务 器 的 搭配 

本 任务 的 目标 是 通过 对 不 同 操作 系统 ,不 同 Web 服务 器 软件 等 性 能 的 比较 和 网 站 项 目 
开发 的 实际 情况 ,选择 一 种 适合 Web 服务 器 的 搭建 平台 。 

* £52 网 上 书店 网 站 的 上 传 与 浏览 

本 任务 的 目标 是 使 用 上 传 工 具 软 件 对 网 站 进行 上 传 并 访问 浏览 ,同时 熟悉 对 网 站 上 传 
的 操作 流程 。 


z 





E% 1 网 络 操作 系统 .开发 技术 与 Web 服务 器 的 搭配 


一 、 任 务实 现 


常见 的 操作 系统 与 Web 服务 器 的 搭配 有 以 下 几 种 。 

(1) 如 果 服 务 器 安装 的 是 Linux 操作 系统 ,开发 语言 是 Java, 建 议 使 用 Linux 十 Apache 十 
Java 十 MySQL 方案 。 

(2) 如 果 服 务 器 安装 的 是 Linux 操作 系统 ,开发 语言 是 JSP, 建 议 使 用 Linux 十 Apache 十 
JSP 十 SQL Server 方案 。 

(3) 如 果 服 务 器 安装 的 是 UNIX 操作 系统 ,开发 语言 是 PHP, 建 议 使 用 Unix 十 
WebSphere 十 PHP 十 MySQL 方案 。 

(4) 如 果 服 务 器 安装 的 是 Windows 系列 操作 系统 ,开发 语言 是 ASP, ASP .NET 或 
PHP.££iX ff FH Windows Server 2003/2008 十 IIS 十 ASP/ASP .NET/PHP 二 SQL Server 
方案 。 
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二 、 知 识 学 习 
1. 服务 器 的 选择 方式 


一 个 网 站 至 少 要 有 一 台 服 务 器 用 来 存放 和 管理 网 站 信息 。 那 么 网 站 需要 什么 样 的 服务 
器 和 放 在 什么 地 方 ,应 根据 实际 情况 来 进行 选择 。 服 务 器 的 选择 方案 有 以 下 几 种 。 

1) 虚拟 主机 

虚拟 主机 即 通常 所 谓 的 租用 ISP(Internet Service Provider) 硬 盘 空 间 , 指 在 ISP 的 一 台 
服务 器 上 分 出 一 定 的 磁盘 空间 ,用 户 可 以 租用 此 部 分 空间 作为 一 台 虚 拟 主机 ,以 供 放 置 
站 点 及 应 用 组 件 , 用 户 不 用 管理 和 维护 租用 的 虚拟 主机 。 虚 拟 主机 一 般 适用 于 中 小 型 
企业 。 

2) 服务 器 托管 

服务 器 托管 是 指 为 了 提高 网 站 的 访问 速度 ,将 用 户 的 服务 器 及 相关 设备 托管 到 具有 完 
善 机 房 设施 、 高 品质 网 络 环 境 、 丰 富 带 宽 资 源 和 运营 经 验 以 及 可 对 用 户 的 网 络 和 设备 进行 实 
时 监控 的 网 络 数 据 中 心 内 ,使 系统 达到 安全 、 可 靠 、 稳 定 、 高 效 运 行 的 目的 。 托 管 的 服务 器 由 
客户 自己 进行 维护 , 即 由 用 户 自行 购买 服务 器 设备 并 放 到 ISP 运营 商 的 IDC 机 房 。 服 务 器 
托管 一 般 适 用 于 大 中 型 企业 。 

3) 主机 租用 

主机 租用 是 指 由 服务 器 租用 公司 提供 硬件 ,负责 基本 软件 的 安装 .配置 ,负责 服务 器 上 
基本 服务 功能 的 正常 运行 ,让 用 户 独 享 服务 器 的 资源 ,并 服务 其 自行 开发 运行 的 程序 。 

4) 自 建 主机 

企业 开展 电子 商务 也 可 自己 购买 服务 器 ,这 种 方式 称 为 自 建 主 机 方式 。 自 建 主机 需要 
配备 专业 人 员 , 申 请 专线 ,购买 服务 器 .路 由 器 等 硬件 设备 ,并 自行 安装 相应 的 网 络 操作 系 
统 ,开发 使 用 Web 程序 , 设 定 Internet 服务 的 各 项 功能 ,包括 DNS 服务 器 及 WWW 服务 
器 .FTP 服务 器 等 相关 设置 。 其 优点 是 可 以 自由 设置 功能 、 自 由 使 用 软件 ,不 受 ISP 的 限 
制 ; 缺点 是 需要 有 技术 水 平 的 管理 人 员 ,投入 资金 较 大 。 


2. 网 络 操作 系统 


1) UNIX 系统 

UNIX 操作 系统 是 一 个 强大 的 多 用 户 、 多 任务 操作 系统 ,支持 多 种 处 理 器 架构 。 按 照 操 
作 系 统 的 分 类 , 它 属于 分 时 操作 系统 。 它 可 以 应 用 在 从 巨型 计算 机 到 普通 PC 等 多 种 不 同 
的 平台 上 ,是 应 用 面 最 广 、 影 响 力 最 大 的 操作 系统 。 

UNIX 操作 系统 有 商业 版 和 免费 版 两 种 : 商业 版 的 UNIX 操作 系统 需要 收费 ,价格 比 
Microsoft Windows 正版 贵 ; 免费 版 的 不 收费 ,例如 NetBSD 等 。 

UNIX 系统 的 特点 如 下 。 

。 UNIX 系统 是 一 个 多 用 户 、 多 任务 的 分 时 操作 系统 。 

。 UNIX 系统 由 操作 系统 内 核 、 系 统 调用 和 应 用 程序 组 成 。 

。 UNIX 系统 大 部 分 是 由 C 语言 编写 的 ,使 得 系统 易 读 、 易 修改 、 易 移植 。 

* UNIX 提供 了 丰富 的 系统 调用 ,整个 系统 的 实现 十 分 紧凑 、 简 洁 。 
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。 UNIX 提供 了 功能 强大 的 可 编程 Shell 语言 (外 壳 语 言 ) 作 为 用 户 界面 。 

。 UNIX 系统 采用 树 状 目录 结构 ,具有 良好 的 安全 性 、 保 密 性 和 可 维护 性 。 

* UNIX 系统 采用 进程 对 换 (Swapping) 的 内 存 管理 机 制 和 请 求 调 页 的 存储 方式 ,实现 

了 虚拟 内 存 管 理 , 大 大 提高 了 内 存 的 使 用 效率 。 

。 UNIX 系统 具有 多 种 通信 机 制 功 能 。 

2) Linux 系统 

Linux 是 一 个 可 免费 使 用 的 多 用 户 、 多 任务 、 支 持 多 线程 和 多 CPU 的 操作 系统 ,功能 类 
似 于 UNIX 系统 ,能 运行 主要 的 UNIX 系统 工具 软件 、 应 用 程序 和 网 络 协 议 , 支 持 32 位 和 
64 位 硬件 。Linux 继承 了 UNIX 以 网 络 为 核心 的 设计 思想 ,是 一 个 性 能 稳定 的 多 用 户 网 络 
操作 系统 。 

Linux 系统 的 特点 如 下 。 

。 Linux 系统 完全 免费 。 

* Linux 系统 是 一 个 多 用 户 、 多 任务 的 分 时 操作 系统 。 

。 Linux 系统 具有 字符 界面 和 图 形 界面 两 种 。 

。 Linux 系统 可 以 运行 在 多 种 硬件 平台 上 ,易于 移植 。 

* Linux 系统 具有 良好 的 安全 性 、 保 密 性 和 可 维护 性 。 

* Linux 系统 具有 强大 的 网 络 功能 。 

3) Windows Server 2008 

Windows Server 2008 是 一 个 单 用 户 多 任务 操作 系统 ,是 专 为 强化 下 一 代 网 络 .应 用 程 
序 和 Web 服务 的 功能 而 设计 ,能 够 根据 使 用 者 的 需要 ,以 集中 或 分 布 的 方式 处 理 各 种 服务 
器 角色 。Windows Server 2008 具有 更 高 的 可 靠 性 .安全 性 和 实用 性 。 

Windows Server 2008 的 特点 如 下 。 
高 可 靠 性 : 提供 具有 基本 价值 的 IT 架构 ,包括 一 个 兼 具 内 置 的 、 传 统 的 应 用 服务 器 
功能 和 广泛 的 操作 系统 功能 的 应 用 系统 平台 ,集成 了 信息 工作 基础 架构 ,从 而 保护 
企业 信息 的 安全 。 
高 效 性 : 提供 灵活 易 用 的 工具 。 
连接 性 : 提供 集成 的 Web 服务 器 IIS 7. 0 和 流 媒 体 服务 。 
虚拟 化 技术 : 可 以 帮助 企业 降低 成 本 ,提高 硬件 利用 率 , 优 化 基础 设施 ,并 提高 服务 
器 可 用 人 性。 
故障 转移 集群 : (前 身 为 服务 器 集群 ,是 一 组 一 起 工作 能 使 应 用 程序 和 服务 达到 高 
可 用 性 的 独立 服务 器 ) 能 简化 集群 ,使 其 更 安全 ,提高 集群 的 稳定 性 。 
强大 的 界面 交互 并 与 Microsoft Office System 高 度 集成 。 集 成 任意 数据 ,提供 相关 
信息 ,提升 信息 的 洞察 力 。 


3. Web 服务 器 软件 


Web 服务 器 也 称 为 WWW(World Wide Web, 即 万 维 网 ) 服 务 器 ,是 一 个 软件 ,用 于 管 
理 Web 页 面 ,并 使 这 些 页 面 通过 本 地 网 络 或 Internet 供 访客 浏览 器 使 用 。Web 服务 器 软件 
驻 留 于 服务 器 上 的 程序 ,通过 Web 浏览 器 与 客户 进行 交互 。 常 用 的 Web 服务 器 软件 有 以 
下 几 种 。 
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D IIS 

IIS 是 Internet Information Services 4j 5j , IIS 是 允许 在 公共 Intranet 或 Internet 上 发 
布 信息 的 Web 服务 器 。IIS 是 目前 最 常用 的 Web 服务 器 产品 之 一 ,很 多 企业 网 站 都 是 建立 
在 HS 的 平台 之 上 。IIS 提供 了 一 个 图 形 界面 的 管理 工具 , 称 为 Internet 服务 管理 器 ,可 用 
于 监视 配置 和 控制 Internet 服务 。 

IIS 是 一 种 Web 服务 组 件 ,其 中 包括 Web 服务 器 .FTP 服务 器 、NNTP 服务 器 和 
SMTP 服务 器 ,分 别 用 于 网 页 浏览 ,文件 传输 、 新 闻 服务 和 邮件 发 送 等 方面 ,使 得 在 网 络 上 
发 布 页 面 信息 成 为 很 容易 的 事 。 

2) Apache 

Apache 的 全 称 是 Apache HTTP Server, Apache 是 一 个 开放 源码 的 网 页 服务 器 ,可 以 
在 大 多 数 计算 机 操作 系统 中 运行 。 由 于 其 多 平台 和 安全 性 被 广泛 使 用 ,因此 是 最 流行 的 
Web 服务 器 端 软件 之 一 。 它 快速 、 可 靠 并 且 可 通过 简单 的 API 扩展 ,将 Perl/Python 等 解 
释 器 编译 到 服务 器 中 。 它 可 以 运行 在 UNIX, Linux, Windows 等 操作 系统 平台 上 。 

3) Tomcat 

Tomcat 是 一 个 免费 的 开放 源 代码 的 Web 应 用 服务 器 ,属于 轻 量 级 应 用 服务 器 ,是 开发 
和 调试 JSP 程序 的 首选 。 当 在 一 台 计 算 机 上 配置 好 Apache 服务 器 时 ,可 利用 它 响 应 
HTML 页 面 的 访问 请 求 。 实 际 上 Tomcat 是 Apache 服务 器 的 扩展 ,运行 时 它 是 作为 一 个 
与 Apache 独立 的 进程 单独 运行 的 。 

4) IBM WebSphere 

WebSphere 是 电子 商务 时 代 最 主要 的 软件 平台 ,可 用 于 开发 .部 署 和 整合 新 一 代 的 电 
子 商 务 应 用 。 它 支持 简单 的 网 页 内 容 和 商业 网 站 页 面 的 发 布 。WebSphere 可 以 创建 电子 
商务 站 点 ,并 能 把 应 用 扩展 到 移动 设备 ,通过 整合 已 有 的 应 用 提供 自动 业务 流程 。 


E% 2 网 上 书店 网 站 的 上 传 与 浏览 


一 、 任 务实 现 
1. 免费 空间 申请 


CD 打开 浏览 器 ,输入 http://free. 3v. do. f£ Enter 键 ,打开 如 图 3.1 所 示 的 免费 空间 
申请 网 站 。 

(2) 单 击 导 航 栏 中 的 “免费 注册 ”按钮 ,进入 注册 页 面 ,如 图 3.2 所 示 。 填 写 注册 需要 的 
相关 信息 , 单 击 “ 提 交 ” 按 钮 ,弹出 注册 成 功 对 话 框 ,如 图 3.3 所 示 。 单 击 “ 确 定 ” 按 钮 ,进入 如 
图 3.4 所 示 的 会 员 信 息 页 面 。 在 “账户 信息 ” 栏 中 已 列 出 注册 的 用 户 名 (mysitel) 和 申请 免 
费 空间 的 域名 (http://mysitel. usa3v. net) 。 

(3) 在 会 员 信息 页 面 中 的 左 侧 单 击 *FTP 管理 ”按钮 ,显示 出 FTP 信息 ,如 图 3.5 所 示 。 

(4) 单 击 “返回 首页 ”按钮 ,在 “会 员 登 录 ” 栏 中 输入 注册 的 用 户 名 、 密 码 和 系统 自动 提供 
的 验证 码 , 如 图 3.6 所 示 。 单 击 “ 登 录 ” 按 钮 , 即 可 再 进入 会 员 信 息 页 面 ,如 图 3.4 所 示 。 
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+ pif: 免费 空间 与 收费 字 间 的 区 别 
» 说明 : 免费 空间 仅 支持 STML 和 ASP, 芹 不 支持 PHP 邯 本 
» Bi: 免费 空间 正式 启用 CD 技术 确保 稳 
* 全 新 代理 模式 正式 推出 了 ， 双 重 收益 ， 
> 特大 喜讯 : 免费 宁 间 实现 真正 永久 免费 ! 

+ 通知， 免费 空间 已 禁用 PHP 靶 本 和 Fs0 组 件 
关于 免费 空间 禁止 做 网 络 验证 的 声明 
» 帮助: SETERS TAR HEENA 
+ 帮助 : RATATE 
» 必 读 : 我 司 免费 空间 介绍 及 申请 方法 
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图 3.1 free. 3v. do 网 站 
[ER 和 nunamsorimum. PARS. ZDCKCAENHR 
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3.2 注册 页 面 
来 自 网 页 的 消息 
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图 3.3 注册 成 功 对 话 框 





项 目 三 ”电子 商务 网 站 的 平台 





mysite1， 欢 迎 登录 会 员 中 心 ， 今 天 是 : 2018 年 2 月 组 星期 日 























o 购买 空间 欢迎 您 使 用 三 维 主机 免费 空间 ， 本 免费 空间 仅 支持 8TWL 和 ASP 程 序 ， 如 需 更 多 功能 可 购买 收费 空间 ! 
Kel 您 的 网 站 地 址 : bttp://mysitel usa3v. net 
2 d. 上 传 方法 : http: //£ree. 3v. do/news/2. ktal 访问 方法 : http: //£ree. 3v. do/news/8. htal 
o prat B 主机 重 磅 推出 永久 空间 ， 所 有 空间 一 续费 5 年 ， 可 获得 空间 的 终身 使 用 可! 
o 我 的 好 友 用 户 名 : mysitel 
我 的 推荐 人 
DIM West AR: on RES Yon 
D 留言 设置 账户 积分 : 消费: 0 点 剩余 : on 
o 计数 统计 用 户 类 别 : 免费 用 户 注册 为 收费 用 户 
pur 空间 类 型 : 免费 美国 空间 -015 开通 收费 空间 方法 
o 有 问 必 答 JAT: = 
D 站 内 短信 注册 日 期 : 2018-2-4 
n 香港 空间 使 用 期 限 : 无 限制 
B Sed 1 
o BN 
上 次 登录 时 间 : 
o 云 服务 器 上 次 登录 IP: 
D 主机 租用 Faak: 网 站 学 习 
= 网 站 域名 : http://sysitel.usaSv. net 
图 3.4 会 员 信息 页 面 
回首 页 管理 中 心 mysite1， 欢 迎 登录 会 员 中 心 ， 今 天 是 : 201852 HAE] 星期 日 
o 购买 空间 欢迎 您 使 用 三 维 主机 免费 空间 ， 本 免费 空间 仅 支持 HT 和 SP 程序 ， 如 条 更 多 功能 可 购买 收费 空间 ! 
您 的 网 站 地 址 : http://mysitel. usa3v. net 
o 账户 信息 上 传 方法 : http://free. 3v. do/news/2. html 访问 方法 ; http://free. 3v. do/news/8. htal 
o 更 改 资料 特大 喜讯 : 三 维 主 机 重 磋 推出 永久 空间 ， 所 有 空间 一 次 购买 或 续费 5 年 ， 可 获得 空间 的 终身 使 用 权 ! 
o 空间 使 用 
o 我 的 好 友 FTP 地 址 : 015. 3vftp. com 
FKS: sysitel 
DIDIEE FTP 密码: 默认 为 注册 账号 的 密码 点 此 修改 PT 密码 
o 留言 设置 
o 计数 统计 点 此 查看 FTP 上 传 方法 


图 3.5 FTP 信 息 
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图 3.6 登录 页 面 
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(5) 通过 以 上 步骤 完成 在 free. 3v. do 免费 空间 的 申请 。 
2. 使 用 CuteFTP 软件 上 传 网 上 书店 网 站 


(1) 运行 CuteFTP 软件 ,打开 站 点 设置 窗口 ,填写 注册 的 用 户 名 和 密码 及 申请 的 免费 
空间 域名 ,如 图 3.7 所 示 。 


G 站 点 设置 mysitel 
XD EE) 安全 (S) 
EQ 普通 FTF 站 点 


mysitel 











ASFEU: 
mysitel 

FTP 主机 地 址 0D : 
015. 3v£tp. con 

FTP ShrSF 340 OD: 


mysitel 


FTP 站 点 密码 D: 
dd hd 


FTP 站 点 连接 端口 D: 
21 


登录 类 型 
e aO 
Eg 
日 两 者 名 


rr | | ) [GB Q 



























































3.7 填写 站 点 设置 信息 


(2) 单 击 “ 连 接 ” 按 钮 ,进入 如 图 3. 8 所 示 界 面 。 在 “本 地 ” 栏 中 选择 “网 上 书店 网 站 
(shop)” 的 所 有 文件 , 拖 到 “远程 ” 栏 中 ,弹出 上 传 文件 确认 对 话 框 ,如 图 3.9 所 示 。 单 击 “ 是 ” 
按钮 ,对 文件 进行 上 传 ,如 图 3. 10 所 示 。 
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图 3.8 CuteFTP 成 功 连接 界面 
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确认 





e 是 否 上 传 21 个 选 定 的 文件 ? 

















图 3.9 上 传 文件 对 话 框 
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图 3.10 文件 上 传 中 
(3) 文件 上 传 完成 ,如 图 3. 11 所 示 。 
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图 3.11 文件 上 传 完成 
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3. 使 用 申请 的 免 域 空间 域名 访问 网 站 


CD 打开 浏览 器 ,在 地 址 栏 中 输入 http: //mysitel. usa3v. net. f£ Enter 键 ,打开 “网 上 
书店 ”网 站 首页 ,如 图 3. 12 所 示 。 














价格 : 19 元 


详细 信息 





[2E 
价格 : 26 元 





























图 3. 12 “网 上 书店 ”网 站 首页 


(2) 单 击 “ 注 册 ” 按 钮 ,打开 注册 页 面 ,如 图 3.13 所 示 。 输 入 用 户 名 和 密码 , 单 击 “ 确 定 ” 


按钮 ,进入 如 图 3. 14 所 示 的 填写 详细 信息 界面 。 填 写 详细 信息 后 , 单 击 “ 确 定 ” 按 钮 ,打开 用 
户 注册 成 功 页 面 , 如 图 3. 15 所 示 。 
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用 户 注册 
第 一 步 申请 用 户 名 (注意 : 所 有 带 + 号 的 项 目 必须 填写 ) 
用 户 名 + 《大 于 或 等 于 4 位 ,小 于 20 位 》 
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图 3.13 用 户 注册 
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第 二 步 填写 详细 信息 
用 户 名 xiaoli 
Azta 
通讯 地 址 
邮政 编码 
性 别 
电话 
E-mail 







































































图 3.14 填写 详细 信息 





热烈 祝贺 您 ， 您 已 经 注册 成 功 。 








3.15 注册 成 功 


G) 单 击 “返回 首页 ”按钮 ,进入 网 站 首页 ,如 图 3.16 所 示 。 
(4) 在 导航 栏 中 单 击 “ 文 学 类 ”按钮 , 列 出 “文学 类 ”书目 ,如 图 3. 17 所 示 。 
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图 3.17 文学 类 书目 
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Ac 


(5) 单 击 “ 红 楼 梦 * 下 的 “详细 信 
人 “购物 车 ”页 面 ,如 图 3. 19 所 示 。 
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打开 如 图 3. 18 所 示 的 页 面 。 单 击 购 买 ”按钮 , 进 
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名 称 : 红楼 梦 
作者 : BIA 


价格 : 36 元 












B SOR. 
ushanga. 揭示 了 封建 社会 必然 家 省 

精神 为 思想 内 容 的 爱情 ， 语 有 深刻 的 社会 意 
Ñ, Ottaa, MAME, 


。 这 部 巨著 以 机 宝玉 、 林 党 玉 的 爱情 翡 剧 为 
Ba 封建 











为 不 朽 的 艺术 典型 。 
浑 成 ， 使 干 头 震 差 错 综 的 圳 种 事件 和 和 众多 的 人 物 活动， 紧 过 联系 贯通 ， RH 
M 语言 洗 练 、 自 然 、 形 象 ， 极 高 艺术 表现 力 。 


。 该 书 的 前 八 十 回 ， 其 作者 是 伟大 作家 曹 雪 


此 书 在 创作 艺术 上 成 就 马 大 ， ELTE: 
术 典 型 。 结 构 志 大 充 整 而 ， 
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图 3.19 购物 车 信息 


(6) 在 购物 车 页 面 中 ,对 信息 进 


行 确认 。 单 击 “ 返 回 继 续 购 物 ” 按 钮 ,可 返回 首页 进行 商 


品 购买 ; 单 击 “ 收 银 台 ”按钮 ,可 对 购买 商品 进行 结算 ,如 图 3. 20 所 示 。 


(7) 单 击 “ 关 闭 窗口 ”按钮 ,返回 网 站 首页 。 


OP 


请 记 住 您 的 订单 号 : 128 


姓名 : aaaaa 
通讯 地 址 : 。 aaaaa 
邮政 编码 : 。 aaa 


电话 : 12121212 
E-nail: 121216qq. con 
订货 日 期 : 2018-3-15 


关闭 窗口 
图 3.20 结算 


二 、 知 识 学 习 
1. 电子 商务 网 站 的 开发 方式 


1) 自主 开发 

自主 开发 是 指 企业 有 专门 的 开发 技术 人 员 ,根据 企业 自己 对 网 站 的 定位 和 功能 需求 而 
进行 设计 研发 。 这 种 开发 方式 的 成 本 费用 相对 低 , 且 有 利于 企业 技术 人 员 的 锻炼 和 培养 ,对 
于 网 站 后 期 的 管理 维护 起 到 积极 的 作用 。 

2) 外 包 

这 里 外 包 指 电子 商务 网 站 外 包 , 指 企业 自己 没有 能 力 完成 的 项 目 交 给 专业 网 站 开发 公 
司 去 完成 ,企业 只 需要 付费 就 行 ,费用 相对 高 些 。 

3) 购买 商业 软件 

目前 比较 成 熟 的 商业 软件 公司 有 ECShop、Shopex 等 ,费用 比 外 包 低 ,这 种 方式 要 求 企 
业 也 要 有 技术 团队 支撑 。 另 外 ,商业 软件 一 般 是 通用 软件 ,因此 ,企业 自身 的 特色 很 难 在 软 
件 上 展现 。 


2. 电子 商务 网 站 的 开发 流程 


CD 与 客户 交流 网 站 的 开发 用 途 。 企 业 人 员 可 以 采取 通过 与 客户 面对面 的 交谈 、 电 话 
方式 .电子 邮件 方式 或 在 线 订单 方式 对 网 站 开发 的 用 途 与 需求 进行 了 解 。 

(2) 为 客户 设计 网 站 开发 方案 。 企 业 人 员 根 据 客户 对 网 站 建设 的 目的 与 需求 ,分 析 确 
定 网 站 风格 、 网 站 功能 、 网 站 结构 ,栏目 设置 等 内 容 , 形 成 完整 的 网 站 建设 方案 并 拟 出 网 站 开 
发 价格 。 

(3) 与 客户 进一步 商谈 细节 。 企 业 人 员 与 客户 就 网 站 开发 建设 的 具体 内 容 和 要 求 进行 
详细 商谈 。 

(4) 双方 签订 合同 并 付 预 金 。 企 业 人 员 与 客户 采取 电话 .邮件 \ 面 谈 等 方式 对 合同 签订 
事宜 进行 交流 ,双方 对 合同 都 认可 后 ,客户 需 预 付 一 部 分 开发 费用 。 

O 收集 客户 网 站 资料 。 企 业 人 员 向 客户 收集 网 站 所 需要 的 资料 ,文字 、 图 片 等 ,并 填 
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写 ICP 备案 信息 登记 表 。 
(6) 设计 主页 方案 及 效果 图 。 根 据 客 户 对 网 站 的 功能 需求 ,初步 设计 出 网 站 主页 与 效果 图 。 
C) 客户 审核 。 初 步 设计 的 方案 交 给 客户 进行 审核 ,如 果 客 户 满意 , 则 按 此 方案 进行 开 
发 ; 如 果 客户 不 满意 , 则 需要 更 改 ,直至 客户 满意 为 止 。 
(8) 整体 开发 与 测试 。 根 据 客户 的 需求 方案 进行 整个 网 站 的 开发 ,并 对 功能 进行 测试 。 
(9) 向 客户 交付 产品 。 将 开发 出 来 的 网 站 并 经 过 测试 后 , 交 给 客户 试用 、 检 测 ,如果 在 
试用 阶段 出 现 网 站 功能 问题 或 错误 ,需要 进行 改正 ,直到 客户 满意 为 止 。 
(10) 客户 确认 。 客 户 对 网 站 验收 合格 ,由 客户 在 (网 站 建设 验收 确认 单 》 上 签字 并 盖 童 。 
(11) 上 传 网 站 及 结 清 余 款 。 应 客户 委托 ,为 客户 注册 域名 ,开通 网 站 空间 ,将 网 站 进行 
发 布 。 客 户 通 过 访问 网 站 无 误 后 , 结 付 余 款 。 将 网 站 开发 所 涉及 的 资料 文件 、 网 站 维护 说 
明 书 等 一 同 递交 给 客户 。 至 此 ,网 站 开发 过 程 结束 。 

















3. 电子 商务 网 站 上 传 工具 安装 上 传 工具 并 设置 
网 站 上 传 也 称 网 站 发 布 ,其 流程 如 图 3. 21 所 示 。 ! 
网 站 上 传 工具 很 多 , 既 可 以 用 Dreamweaver 软件 自 带 的 上 连接 到 FTP 服 务 器 
传 功能 ,也 可 以 利用 专用 的 FTP 上 传 工具 软件 ,目前 常用 的 FTP ! 
工具 主要 有 CuteFTP, LeapFTP 和 FlashFxp 等 。 上 传 站 点 文件 





CuteFTP 软件 是 一 个 非常 好 用 的 FTP 工具 ,具有 友好 的 用 图 3.21 网 站 上 传 流程 
户 界面 ,稳定 的 传输 速度 ,支持 断 点 续 传 和 整个 目录 上 传 与 下 载 ， 

可 以 轻松 地 完成 网 站 的 发 布 任务 。 下 面 主要 介绍 CuteFTP 软件 的 使 用 。 

CD 安装 好 CuteFTP 软件 后 ,在 “开始 ”菜单 中 运行 CuteFTP。 图 3. 22 所 示 是 
CuteFTP 新 建站 点 窗口 。 在 窗口 中 输入 站 点 标签 .FTP 主机 地 址 、FTP 站 点 用 户 名 称 、 
FTP 站 点 密码 。 另 外 ,对 于 端口 号 ,在 没有 特别 要 求 的 情况 下 就 使 用 默认 的 端口 号 21, 不 需 
要 再 设置 ,登录 类 型 选择 “普通 ”, 单 击 “ 连 接 ” 按 钮 ,进入 CuteFTP 主 界面 ,同时 出 现 与 服务 
器 的 连接 状态 信息 。CuteFTP 主 界面 如 图 3. 23 所 示 。 
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图 3.22 CuteFTP 新 建站 点 窗口 
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图 3.23 CuteFTP 主 界面 


(2) 在 主 界面 中 有 4 个 区 域 ,分 别 是 状态 区 、 本 地 目录 区 、 远 程 目录 区 和 队列 区 ,如 
图 3. 24 所 示 。 

















远程 目录 区 








队列 区 
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3.24 ”状态 区 、 本 地 目录 区 、 远 程 目录 区 和 队列 区 


状态 区 用 于 显示 文件 上 传 的 状态 。 例 如 ,与 FTP 服务 器 的 
连接 状态 , 当 连 接 成 功 ,状态 显示 “完成 ”, 反 之 显示 “ 断 开 ”。 

本 地 目录 区 用 于 查找 本 地 计算 机 文件 。 

远程 目录 区 用 于 显示 本 地 计算 机 上 传 到 远程 服务 器 中 的 文件 。 

队列 区 用 于 显示 文件 上 传 的 序列 。 

(3) 将 文件 从 本 地 目录 区 拖 忠 到 远程 目录 区 ,弹出 如 图 3. 25 
所 示 的 对 话 框 。 单 击 “ 是 ”按钮 , 即 开 始 上 传 文件 ,如 图 3.26 所 示 。 图 3.25 上 传 文件 确认 对 话 框 
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3.26 文件 上 传 过 程 


(4) 将 文件 从 远程 目录 区 拖 电 到 本 地 目录 区 ,弹出 如 图 3. 27 所 示 的 对 话 框 。 单 击 “ 是 ” 
按钮 , 即 开始 下 载 文 件 , 如 图 3.28 Bros o 
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图 3.28 文件 下 载 过 程 
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E 项 目 练习 | 


一 、 实 训 题 


1. 创建 一 个 本 地 静态 Web 站 点 。 

2. 在 http://free. 3v. do 网 站 中 申请 一 个 免费 空间 。 

3. 使 用 CuteFTP 工具 ,将 本 地 Web 站 点 上 传 到 申请 的 免费 空间 中 ,并 能 通过 浏览 器 
进行 访问 。 

4. 使 用 CuteFTP 工具 修改 Web 站 点 文件 。 

二 、 练 习题 


1. 填空 题 
(1) 为 将 站 点 发 布 到 Internet 上 ,需要 申请 ,为 了 便于 访问 ,一 般 还 需要 注册 
(2) 为 了 将 站 点 发 布 到 服务 器 上 ,需要 借助 工具 软件 ,这 类 工具 中 具有 代表 性 
的 是 和 

(3) 电子 商务 网 站 的 开发 方式 有 Ç 和 三 种 。 

(4) Web 服务 器 也 称 为 

(5) UNIX 是 一 个 和 的 分 时 操作 系统 。 

2. 简 答题 

(1) 什么 是 虚拟 主机 ? 

(2) 简 述 电子 商务 网 站 开发 的 基本 流程 。 

(3) 简 述 Web 软件 平台 搭建 的 几 种 方式 。 

(4) 选择 网 络 操作 系统 时 ,应 该 考虑 哪些 因素 ? 

(5) 如 何 将 测试 成 功 的 网 站 发 布 到 服务 器 上 ? 


一 个 














HTML5+CSS3 技 术 | 





一 顶 目 学 习 目标 | 


1. 学 习 HTML5 相关 知识 ; 
2. 掌握 实现 CSS3 特效 方法 ; 
3. 了 解 购物 类 网 站 设计 制作 流程 ; 
4. 了 解 Web 前 端 开 发 技术 。 


_ 项目 任务 | 


* 任务 1 使 用 HTMLS 语言 设计 简单 在 线 购物 网 站 页 面 

本 任务 的 目标 是 了 解 HTML 这 一 网 站 设计 的 基本 语言 ,熟练 掌握 HTML 语言 的 基本 
概念 和 编写 格式 。 

* 任务 2 制作 购物 网 站 的 导航 栏 

本 任务 的 目标 是 熟练 掌握 网 页 的 超 链接 和 CSS3 相关 知识 的 应 用 。 

* 任务 3 设计 在 线 购物 类 网 站 网 页 

本 任务 的 目标 是 掌握 将 HTML5 和 CSS3 有 机 结合 起 来 对 网 站 的 页 面 进行 设计 ,从 而 
了 解 和 学 习 网 站 的 整体 开发 过 程 。 


E% 1 使 用 HTML5 语言 设计 简单 在 线 购物 网 站 页 面 





一 、 任务 实现 


在 线 购物 网 站 页 面 效 果 如 图 4.1 所 示 。 
CD 打开 记事 本 ,在 其 中 输入 如 下 代码 : 


<!DOCTYPE htm1 > 

< html > 

<head > 

<title> 在 线 购物 网 站 产品 展示 效果 </title> 

</head> 

<body> 

< p> < ing src = "images/01. jpg" width = "400" height = "300" /> < img src = "images/02. jpg" 


"m 


`. 
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width = "400" height = "300"/>< img src = "images/03. jpg" width = "400" height = "300"/»« br /> 
飞利浦 复古 电动 剃 须 刀 snbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp bikeboy 骑 行 眼镜 户外 运动 登山 跑步 防风 沙 太 阳 镜 snbsp 
&nbsp &nbsp JCare Wj &j Kf ^H H 800mg X 90 片 三 盒 特惠 礼包 </p> 

<hr/> 

< p> < ing src = "images/04. jpg" width = "400" height = "300" /> < img src = "images/05. jpg" width 
= "400" height = "300" />< img src = "images/06. jpg" width= "400" height = "300"/>< br /> 
雅诗兰黛 即时 修 护 礼盒 四 件 套 gnbsp &nbsp Snbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
&nbsp &nbsp 安溪 铁 观音 清香 型 茶叶 Snbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp &nbsp 
&nbsp &nbsp &nbsp &nbsp &nbsp 美丽 加 芬 蜗 牛 新 生 特 惠 超 值 礼包 </p> 

<hr /> 

</body> 

</html> 
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图 4.1 在 线 购物 网 站 页 面 效果 


(2) 代码 输入 完成 后 ,将 其 男 存 为 “在 线 购物 网 站 . html”, 

(3) 在 “在 线 购物 网 站 . html” 文 件 的 当前 路 径 中 建立 文件 夹 images. 

(4) 在 文件 夹 images 里 面 保 存 图 片 01. jpg、02. jpg、03. jpg、04. jpg、05. jpg、06. jpg. 
(5) 使 用 浏览 器 打开 “在 线 购物 网 站 . html” 文 件 。 


=. 知识 学 习 


1. HTML5 简介 





D HTML 语言 
HTML 是 英文 Hyper Text Markup Language 的 缩写 , 即 超 文本 标记 语言 , 它 是 用 于 描 


述 网 页 文档 的 一 种 标记 语言 。 
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HTML 诞生 于 20 世纪 90 年 代 初 ,用 于 指定 构建 网 页 的 元 素 , 这 些 元 素 中 的 大 多 数 都 
用 于 描述 网 页 内 容 , 如 标题 段落 、 列 表 、 指 向 其 他 网 页 的 链接 等 。 

2) HTML5 语言 

HTML5 自从 2010 年 正式 推出 以 来 ,就 以 一 种 惊人 的 速度 被 迅速 推广 ,世界 各 知名 浏 
览 器 厂商 都 对 HTML5 有 很 好 的 支持 。2012 年 12 月 ,W3C 宣布 凝结 了 大 量 网 络 工作 者 心 
血 的 HTMLS 规范 正式 定稿 。W3C 在 发 言 稿 中 称 :“HTML5 是 开放 的 Web 网 络 平台 的 
HEN.” LF HTMLS 的 浏览 器 包括 Firefox( 火 狐 浏览 器 )、IE9 及 其 更 高 版 本 、Chrome 
(Google 浏览 器 )、Safari、 Opera 等 ; 国内 的 傲游 浏览 器 (Maxthon), 以 及 基于 IE 
Chromium(Chrome 的 工程 版 或 称 实验 版 ) 所 推出 的 360 浏览 器 ,搜狗 浏览 器 、QQ 浏览 器 、 
猎豹 浏览 器 等 国产 浏览 器 同样 具备 支持 HTML5 的 能 力 。 

3) HTML5 的 新 特性 

CD 语义 特性 。 

HTML5 赋予 网 页 更 好 的 意义 和 结构 。 

(2) 本 地 存储 特性 。 

基于 HTML5 开发 的 网 页 APP 拥有 更 短 的 启动 时 间 、 更 快 的 联网 速度 ,这 些 全 得 益 于 
HTML5 APP Cache, 以 及 本 地 存储 功能 。 

(3) 设备 访问 特性 。 

从 Geolocation 功能 的 API 文档 公开 以 来 ,HTML5 为 网 页 应 用 开发 者 提供 了 更 多 功 
能 上 的 优化 选择 , 带 来 了 更 多 体验 功能 的 优势 。HTML5 提供 了 前 所 未 有 的 数据 与 应 用 接 
入 开放 接口 ,使 外 部 应 用 可 以 直接 与 浏览 器 内 部 的 数据 直接 相连 ,例如 视频 影音 可 直接 与 
Microphones 及 摄像 头 相连 。 

(4) 连接 特性 。 

更 有 效 的 连接 工作 效率 ,使 得 基于 页 面 的 实时 聊天 、 更 快速 的 网 页 游戏 体验 、 更 优化 的 
在 线 交 流 得 到 了 实现 。HTML5 拥有 更 有 效 的 服务 器 推送 技术 , Server-Sent Event 和 
WebSockets 就 是 其 中 的 两 个 特性 ,这 两 个 特性 能 够 帮助 人 们 实现 将 数据 从 服务 器 端 * 推 送 ” 
到 客户 端的 功能 。 

(5) 网 页 多 媒体 特性 。 

支持 网 页 端的 Audio, Video 等 多 媒体 功能 ,与 网 站 自 带 的 APP 摄像头、 影音 功能 相 得 
dd. 

(6) 三 维 、 图 形 及 特效 特性 。 

基于 SVG.Canvas, WebGL 及 CSS3 的 3D 功能 ,用 户 会 惊叹 于 在 浏览 器 中 所 呈现 的 惊 
人 视觉 效果 。 

(7) 性 能 与 集成 特性 。 

没有 用 户 会 永远 等 待 你 的 Loading — HTML5 会 通过 XMLHttpRequest? 等 技术 , 解 
决 以 前 的 跨 域 等 问题 ,帮助 你 的 Web 应 用 和 网 站 在 多 样 化 的 环境 中 更 快速 地 工作 。 

4) HTML5 的 开发 工具 简介 

HTML 文档 编辑 工具 ,如 记事 本 、Nodepad 十 十 .EditPlus 等 文本 编辑 器 ,一 般 用 于 简单 
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的 网 页 或 应 用 程序 开发 ; Dreamweaver 是 可 视 化 网 页 开发 工具 , 它 面 向 专业 和 非 专业 的 网 
页 设计 人 员 ; 集成 开发 环境 WebStorm, Eclipse 等 ,提供 对 HTML5,CSS3, JavaScript 的 支 
持 , 能 显著 提高 开发 效率 。 

CD HTML 文档 编辑 工具 Nodepad 十 十 。 

Nodepad 十 十 是 一 款 绿色 开源 软件 ,作为 文本 编辑 器 ,拥有 撤销 与 重 做 、 英 文 拼 字 检查 、 
自动 换行 、 列 数 标记 、 搜 索 蔡 换 、 多 文档 编辑 全 屏幕 浏览 功能 。 此 外 , 它 还 支持 大 部 分 正则 
表达 式 ,代码 补 齐 、 宏 录制 等 功能 。 

(2) 可 视 化 网 页 开发 工具 Dreamweaver。 

Dreamweaver 是 一 款 所 见 即 所 得 的 网 页 编辑 器 ,是 美国 Macromedia 公司 开发 的 集 网 
页 制作 和 网 站 管理 于 一 身 的 所 见 即 所 得 的 网 页 编辑 器 , 它 是 第 一 套 针 对 专业 网 页 设计 师 而 
特别 开发 的 视觉 化 网 页 开发 工具 ,利用 它 可 以 轻而易举 地 制作 出 跨越 平台 和 跨越 浏览 器 限 
制 且 充满 动感 的 网 页 。 

(3) 集成 开发 环境 WebStorm, 

WebStorm 2016 是 一 款 由 JetBrains 公司 推出 的 WebStorm 系列 JavaScript 开发 工具 ， 
拥有 智能 的 代码 补 全 、 代 码 格式 化 .HTML 提示 以 及 代码 检查 和 快速 修复 等 编译 功能 。 


2. HTML5 的 文档 结构 元 素 


HTML 文档 就 是 对 一 个 文档 的 描述 ,有 一 个 固定 的 结构 ,分 为 许多 个 部 分 ,每 个 部 分 都 
包含 一 个 或 者 多 个 元 素 。 有 些 元 素 用 于 描述 文档 的 基本 信息 ,有 些 则 描述 文档 结构 。 下 面 
就 是 一 个 基本 的 HTML 文档 的 结构 : 


<!DOCTYPE htm1 > 
< html lang = "en"> 
<head> 
< meta charset = "utf - 8" /> 
<title> Your page title </title> 
</head> 
<body> 


</body> 

</htn1 > 

该 HTML 文档 描述 了 一 个 空白 页 ,这 些 基 础 部 分 确定 了 HTML 文档 的 轮廓 以 及 浏览 
器 的 初始 环境 。 在 上 面 的 HTML 文档 结构 描述 中 ,第 一 行 是 文档 类 型 声明 ,表明 该 文档 符 
合 HTML5 规范 , 按 HTML5 标准 来 解析 该 文档 。< html > 和 </html > 标记 表示 该 文档 是 
HTML 文档 。< head > 和 </head > 标记 表示 该 文档 是 文档 头 部 信息 ,一 般 包 括 标题 和 主题 
信息 ,该 部 分 信息 不 会 显示 在 页 面 正 文中 。< body > 和 </body > 标记 是 网 页 的 主体 信息 ,是 
显示 在 页 面 上 的 内 容 。 

1) HTML 元 素 

HTML 共 包 含 91 个 元 素 ,这 些 元 素 都 是 针对 特定 内 容 、 结 构 或 特性 定义 的 。 具 体 分 为 
结构 元 素 、 内 容 元 素 和 修饰 元 素 3 大 类 。 

(1) 结构 元 素 用 于 构建 网 页 文档 的 结构 ,多 指 块 状元 素 , 具 体 说 明 如 表 4. 1 所 示 。 
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表 4.1 结构 元 素 

元 素 名 称 gH 元 素 名称 说 B 

div 在 文档 中 定义 一 块 区 域 , 即 包含 框 ,容器 | dd 对 定义 的 词 条 进行 解释 

span ”在 文本 中 定义 一 块 区 域 ,即行 内 包含 框 | del 定义 删除 的 文本 

ol 根据 一 定 的 规则 排序 的 列表 ins 定义 插入 的 文本 

ul 没有 排序 的 列表 hl 一 h6 标题 1 一 标题 6, 定 义 不 同 级 别 的 标题 
li 每 条 列表 项 p 定义 段落 结构 

dl 以 定义 的 方式 进行 的 列表 hr 定义 水 平 线 


dt 定义 列表 中 的 词 条 





(2) 内 容 元 素 定 义 了 元 素 在 文档 中 表示 内 容 的 语义 ,一 般 指 文本 格式 化 元 素 ,它们 都 是 
行内 元 素 ,具体 说 明 如 表 4.2 所 示 。 





表 4.2 内 容 元 素 
元 素 名 称 说 9 元 素 名 称 说 9 
a 定义 超 链接 tt 定义 打印 机 字体 
abbr 定义 缩写 词 code 定义 计算 机 源 代码 
acronym 定义 取 首 字母 的 缩写 词 pre 定义 预定 义 格式 文本 ,保留 源 代 码 格式 
address 定义 地 址 blockquote 定义 大 块 内 容 引 用 
dfn 定义 条 目 cite 定义 引文 
kbd 定义 键盘 中 的 按键 q 定义 引用 短语 
samp 定义 样本 strong 定义 重要 文本 
var 定义 变量 em 定义 文本 为 重要 








(3) 修饰 元 素 定义 了 文本 的 显示 效果 ,具体 说 明 如 表 4. 3 所 示 。 





表 4.3 修饰 元 素 
元 素 名 称 说 明 元 素 名称 Ho 
b 定义 粗 体 sup 定义 文本 上 标 
i 定义 斜体 sub 定义 文本 下 标 
big 定义 文本 增 大 bdo 定义 文本 显示 方向 
small 定义 文本 缩小 br 定义 换行 





2) HTML 属性 

HTML 元 素 包 含 的 属性 众多 ,可 以 分 为 核心 属性 .语言 属性 、 键 盘 属性 .内容 属性 和 其 
他 属性 等 。 

CD 核心 属性 主要 包括 以 下 3 个 ,这 3 个 属性 为 大 部 分 元 素 所 拥有 。 

class; 定义 类 规则 或 样式 规则 。 

id: 定义 元 素 的 唯一 标识 。 

style; 定义 元 素 的 样式 声明 。 

以 下 这 些 元 素 不 拥有 核心 属性 : html, head, title, base, meta, param, script, style. 3X JE 
元 素 一 般 位 于 文档 头 部 区 域 , 用 来 定义 网 页 元 信息 。 

(2) 语言 属性 主要 用 来 定义 元 素 的 语言 类 型 ,包括 以 下 2 个 属性 。 


Q 网 站 设计 与 管理 项 目 化 教程 


lang: 定义 元 素 的 语言 代码 或 编码 。 

dir; 定义 文本 方向 ,包括 ltr 和 rt| 取 值 , 分 别 表 示 从 左 向 右 和 从 右 向 左 。 

以 下 这 些 元 素 不 拥有 语言 属性 : frameset.frame.iframe.br.hr.base.param.script, 

(3) 键盘 属性 定义 元 素 的 键盘 访问 方法 ,包括 以 下 2 个 属性 。 

accesskey: 定义 访问 某 元 素 的 键盘 快捷 键 。 

tabindex: 定义 元 素 的 Tab 键 索 引 编号 。 

(4) 内 容 属 性 定义 元 素 ( 包 括 内 容 ) 的 附加 信息 ,这 些 信息 对 于 元 素来 说 具有 重要 补充 
作用 ,避免 元 素 本 身 因 包 含 信息 不 全 而 被 误解 。 内 容 属性 包括 以 下 5 个 属性 。 

alt; 定义 元 素 的 替换 文本 。 

title: 定义 元 素 的 提示 文本 。 

longdesc: 定义 元 素 包 含 内 容 的 大 段 描述 信息 。 

cite; 定义 元 素 包 含 内 容 的 引用 信息 。 

datetime: 定义 元 素 包含 内 容 的 日 期 和 时 间 。 

(5) 其 他 属性 定义 元 素 的 相关 信息 ,这 类 属性 也 有 很 多 ,这 里 仅 列举 2 个 比较 实用 的 
属性 。 

rel, 定义 当前 页 面 与 其 他 页 面 的 关系 。 

rev; 定义 其 他 页 面 与 当前 页 面 之 间 的 链接 关系 。 

3) HTML5 元 素 

HTML5 在 HTML 的 基础 上 新 增 了 很 多 新 元 素 ,根据 标记 内 容 的 类 型 不 同 ,这 些 新 元 
素 被 分 成 了 结构 元 素 、 功 能 元 素 和 表单 元 素 3 种 类 型 。 

(1) 结构 元 素 用 于 构建 网 页 文档 的 结构 ,具体 说 明 如 表 4.4 所 示 。 





表 4.4 结构 元 素 
元 素 名 称 说 明 
header 表示 页 面 中 一 个 内 容 块 或 整个 页 面 的 标题 
footer 表示 整个 页 面 或 页 面 中 一 个 内 容 块 的 脚注 
Section 表示 页 面 中 的 一 个 内 容 的 区 块 
article 表示 页 面 中 的 一 块 与 上 下 文 不 相关 的 独立 内 容 
aside 表示 article 元 素 的 内 容 之 外 与 article 元 素 内 容 相 关 的 辅助 信息 
nav 表示 页 面 中 导航 链接 的 部 分 
main 表示 网 页 中 的 主要 内 容 
figure 表示 一 段 独立 的 流 内 容 


(2) 功能 元 素 是 根据 页 面 内 容 功 能 的 需要 新 增 的 专用 元 素 , 具 体 说 明 如 表 4.5 所 示 。 





表 4.5 功能 元 素 
元 素 名 称 说 8H 
hgroup 用 于 对 整个 页 面 或 页 面 中 一 个 内 容 区 块 的 标题 进行 组 合 
figure 表示 一 段 独 立 的 流 内 容 ,一 般 表示 文档 主题 流 内 容 中 的 一 个 独立 单元 
video 定义 视频 ,例如 电影 片段 或 其 他 视频 流 


audio 定义 音频 ,例如 音乐 或 其 他 音频 流 
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续 表 
元 素 名称 说 明 
embed 用 来 插入 各 种 多 媒体 ,格式 可 以 是 MIDI.WAV、AIFF、AU、MP3 等 
mark 主要 用 来 在 视觉 上 向 用 户 呈 现 需 要 突出 显示 或 高 亮 显示 的 文字 
time 表示 日 期 或 时 间 , 也 可 以 同时 表示 两 者 
canvas 表示 图 形 , 如 图 表 和 其 他 图 像 
outpu 表示 不 同类 型 的 输出 ,例如 脚本 的 输出 
source 为 媒介 元 素 定 义 媒介 资源 
menu 表示 菜单 列表 。 当 希望 列 出 表单 控制 时 使 用 该 标签 
ruby 表示 ruby 注释 
rt 表示 字符 的 解释 或 发 音 
rp 在 ruby 解释 中 使 用 ,以 定义 不 支持 ruby 元 素 的 浏览 器 所 显示 的 内 容 
wbr 表示 软 换行 
command 表示 命令 按钮 ,如 单 选 按钮 、 复 选 框 或 按钮 
details 表示 用 户 要 求 得 到 并 且 可 以 得 到 的 细节 信息 ,可 与 summary 元 素 配合 使 用 
datalist 可 选 数据 的 列表 ,与 input 元 素 配合 使 用 ,可 以 制作 出 输入 值 的 下 拉 列 表 
datagrid 表示 可 选 数据 的 列表 , 它 以 树 形 列表 的 形式 来 显示 
keygen 表示 生成 密 钥 
progress 表示 运行 中 的 进程 ,可 以 使 用 progress 来 显示 JavaScript 中 耗费 时 间 的 函数 的 进程 
email 表示 必须 输入 E-mail 地 址 的 文本 输入 框 
url 表示 必须 输入 URL 地 址 的 文本 输入 框 
numbe 表示 必须 输入 数值 的 文本 输入 框 
range 表示 必须 输入 一 定 范围 内 数字 值 的 文本 输入 框 
date 表示 多 个 可 供 选 取 日 期 和 时 间 的 新 型 输入 文本 框 


G) 表单 元 素 主要 是 通过 type 属性 为 input 元 素 新 增 的 类 型 ,具体 说 明 如 表 4.6 所 示 。 





表 4.6 表单 元 素 

元 素 名 称 说 明 元 素 名 称 说 明 

tel 表示 必须 输入 电话 号 码 的 文本 框 month 表示 月 份 的 文本 框 

search 表示 搜索 文本 框 week 表示 周 的 文本 框 

url 表示 必须 输入 URL 地 址 的 文本 框 time 表示 时 间 的 文本 框 

email 表示 必须 输入 电子 邮件 地 址 的 文本 框 number 表示 必须 输入 数字 的 文本 框 
datetime 表示 日 期 和 时 间 的 文本 框 range 表示 范围 的 文本 框 

date 表示 日 期 的 文本 框 color 表示 颜色 的 文本 框 





3. HTML5 文本 


所 有 信息 描述 都 应 基于 语义 来 确定 。 例 如 ,结构 的 划分 .属性 的 定义 等 。 设 计 一 个 好 的 
语义 结构 会 增强 信息 的 可 读 性 和 扩展 性 ,同时 也 降低 了 结构 的 维护 成 本 ,为 跨 平 台 信息 交流 
和 阅读 打下 基础 。 

1) 标题 文本 

< hl > 一 < h6 > 标签 可 定义 标题 ,其 中 < hl > 定义 最 大 的 标题 ,< h6 > 定义 最 小 的 标题 。 
H T h 元 素 拥有 确切 的 语义 ,因此 用 户 要 慎重 地 选择 恰当 的 标签 层级 来 构建 文档 的 结构 ,不 
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能 使 用 标题 标签 来 改变 同一 行 中 的 字体 大 小 。 

2) 段落 文本 

< p > 标签 定义 段落 文本 ,在 段落 文本 前 后 会 创建 一 定 距 离 的 空白 ,浏览 器 会 自动 添加 
这 些 空间 ,用 户 可 以 根据 需要 使 用 CSS 重 置 这 些 样式 。 传 统 用 户 习 惯 使 用 < div > 或 < br > 标 
签 来 为 文本 分 段 ,这 样 会 带 来 歧义 ,妨碍 了 搜索 引擎 对 信息 的 检索 。 

3) 引用 文本 

< q> 标 签 定 义 短 的 引用 ,浏览 器 经 常 在 引用 的 内 容 周围 添加 引号 ; < blockquote > 标签 
定义 块 引用 ,其 包含 的 所 有 文本 都 会 从 常规 文本 中 分 离 出 来 , 左 、 右 两 侧 会 缩 进 显 示 , 有 了 时 会 
显示 斜体 。 

从 语义 角度 分 析 ,< q > 标签 与 < blockquote > 标签 是 一 样 的 ,不 同 之 处 在 于 它们 的 显示 
和 应 用 。< q > 标签 用 于 简短 的 行内 引用 。 如 果 需 要 从 周围 内 容 分 离 出 来 比较 长 的 部 分 ,应 
使 用 < blockquote > 标签 。 

4) 强调 文本 

< em > 标签 用 于 强调 文本 ,其 包含 的 文字 默认 显示 为 斜体 ; < strong > 标签 也 用 于 强调 
文本 ,但 它 强调 的 程度 更 强 一 些 ,其 包含 的 文字 通常 以 粗 体 进 行 显 示 。 

5) 格式 文本 

格式 文本 多 种 多 样 , 如 粗 体 、 斜 体 、 大 号 、 小 号 、 下 夯 线 、 巴 定义、 高度、\ 反 白 等 效果 。 为 了 
排版 需要 ,HTML5 继续 支持 HTMLA 中 部 分 纯 格式 标签 ,具体 说 明 如 下 。 

<b>: 定义 粗 体 文本 。 

<i>: 定义 斜体 文本 。 

<big>: 定义 大 号 字体 。 

<small >: 定义 小 号 字体 。 

<sup>: 定义 上 标 文本 。 

<sub>; 定义 下 标 文本 。 

6) 输入 文本 

HTML 元 素 提供 了 如 下 输出 信息 的 标签 。 

<code>; 表示 代码 字体 , 即 显示 源 代码 。 

< pre»: 表示 预定 义 格式 的 源 代码 , 即 保 留 源 代码 显示 中 的 空格 大 小 。 

<tt>: 表示 打印 机 字体 。 

<kbd >: 表示 键盘 字体 。 

< dfn >: 表示 定义 的 术语 。 

< var >: 表示 变量 字体 。 

< samp >: 表示 代码 范例 。 

7) 缩写 文本 

< abbr > 标签 可 以 定义 简称 或 缩写 ,通过 对 缩写 进行 标记 ,能 够 为 浏览 器 拼写 检查 和 搜 
索引 擎 提供 有 用 的 信息 。< acronym > 标签 可 以 定义 首 字 母 缩写 。 

8) 标记 文本 

< mark > 标签 定义 带 有 记号 的 文本 ,表示 页 面 中 需要 突出 显示 或 高 度 显示 的 信息 、 对 当 
前 用 户 具 有 参考 作用 的 一 段 文 字 。 通 常 在 引用 原文 的 时 候 使 用 mark 元 素 , 目 的 是 引起 当 
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前 用 户 的 注意 。mark 元 素 是 对 原文 内 容 进行 补充 , 它 应 该 用 在 一 段 原文 作者 不 认为 是 重要 
的 ,但 是 现在 为 了 与 原文 不 相关 的 其 他 目的 而 需要 突出 显示 或 者 高 度 显示 的 文字 上 面 。 所 
以 mark 元 素 通常 能 够 对 当前 用 户 具 有 很 好 的 帮助 作用 。 

最 能 体现 mark 元 素 作 用 的 应 用 : 在 网 页 中 检索 某 个 关键 词 时 ,呈现 的 检索 结果 。 现 在 
许多 搜索 引擎 都 用 其 他 方法 实现 mark 元 素 的 功能 。 

9) 联系 文本 

< address > 标签 定义 文档 或 文章 的 作者 、 拥 有 者 的 联系 信息 。 其 包含 文本 通常 显示 为 
斜体 ,大 部 分 浏览 器 会 在 address 元 素 前 后 添加 折 行 。 





4. HTML5 超 链 接 


Web 上 的 网 页 都 是 相互 链接 的 ,在 浏览 网 页 时 , 单 击 一 张 图 片 或 者 一 段 文字 就 可 以 跳 
转 到 其 他 页 面 ,这 些 功能 就 是 通过 超 链 接 来 实现 的 。 在 HTML 中 ,掌握 超 链接 的 设置 方法 
对 网 页 制作 也 是 至 关 重 要 的 。 

1) 超 链接 标记 

在 HTML 文件 中 , 超 链接 通常 使 用 标记 < a > 来 定义 ,链接 对 象 通过 标记 中 的 href 属性 
来 设置 。 通 常 ,可 以 将 当前 文档 称 为 链接 源 ,href 的 属性 值 便 是 目标 文件 。 定 义 超 链接 的 请 
法 格式 如 下 : 

<a href = "url" target = "target. windows"> 链 接 标题 </a> 

链接 标题 可 以 是 文字 ,图 像 或 其 他 网 页 元 素 。 

* href 属性 定义 了 链接 标题 所 指向 的 目标 文件 的 URL 地 址 。 


* target 属性 指定 用 于 打开 链接 的 目标 窗口 ,默认 方式 是 原 窗 口 , 其 属性 值 如 表 4. 7 
所 示 。 


表 4.7 超 链接 属性 target 的 值 及 说 明 





属 性 值 说 明 
parent 当前 窗口 的 上 级 窗口 ,一 般 在 框架 中 使 用 
black 在 新 窗口 中 打开 
self 在 同一 窗口 中 打开 ,和 默认 值 一 致 
top 在 浏览 器 的 整个 窗口 中 打开 ,忽略 任何 框架 
2) 超 链 接 类 型 


在 HTML 文件 中 , 超 链接 可 以 分 为 内 部 链接 、 外 部 链接 和 书签 链接 。 内 部 链接 指 的 是 
网 站 内 部 文件 之 间 的 链接 , 即 在 同一 个 站 点 下 不 同 网 页 页 面 之 间 的 链接 ; 外 部 链接 是 指 网 
站 内 的 文件 链接 到 站 点 以 外 的 文件 ; 书签 链接 是 在 一 个 文档 内 部 的 链接 ,适用 于 文档 比较 
长 的 情况 。 

3) 超 链接 路 径 

HTML 文件 中 提供 了 3 种 超 链 接 路 径 : 绝对 路 径 、 相 对 路 径 和 根 路 径 。 

绝对 路 径 指 文件 的 完整 路 径 ,包括 文件 传输 协议 HTTP、FTP 等 ,一 般 用 于 网 站 的 外 部 
链接 ,例如 http://www. mnust. cn 和 http://www. sina. com. cn, 
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相对 路 径 指 相对 于 当前 文件 的 路 径 , 它 包含 了 从 当前 文件 指向 目的 文件 的 路 径 ,适用 于 
网 站 的 内 部 链接 。 只 要 处 于 站 点 文件 夹 内 ,即使 不 属于 同一 个 文件 目录 下 ,相对 路 径 建立 的 
链接 也 适用 。 采 用 相对 路 径 建立 两 个 文件 之 间 的 相互 关系 ,可 以 不 受 站 点 和 服务 器 位 置 的 
影响 。 表 4. 8 所 示 为 相对 路 径 的 使 用 方法 。 
表 4.8 相对 路 径 的 使 用 方法 





相对 位 置 输入 方法 举 例 
同一 目录 直接 输入 要 链接 的 文档 名 index. html 

链接 上 一 目录 先 输入 “../”, 再 输入 目录 名 ../images/pic. jpg 
链接 下 一 目录 先 输入 目录 名 ,后 输入 “/” Videos/v1. mov 


根 路 径 的 设置 以 *"/" 开 头 ,后 面 紧 跟 文 件 路 径 , 例 如 /download/index. html。 根 路 径 的 
设置 也 适用 于 内 部 链接 的 建立 ,一般 情况 下 不 使 用 根 路 径 。 根 路 径 只 有 在 配置 好 的 服务 器 


环境 中 才能 使 用 。 


任务 2 制作 购物 网 站 的 导航 栏 


一 、 任务 实现 


网 站 的 每 个 页 面 基 本 都 需要 一 个 导航 栏 , 作 为 浏览 者 页 面 跳 转 的 入 口 。 导 航 栏 一 般 是 
由 超 链 接 创 建 的 。 导 航 栏 的 样式 可 以 采用 CSS 来 设置 。 
结合 前 面 学 习 的 知识 ,创建 一 个 实用 的 导航 栏 ,具体 操作 步骤 如 下 。 


(1) 分 析 需 求 。 
一 个 导航 栏 ,通常 需要 创建 一 些 超 链 接 ,然后 对 这 些 超 链 接 进行 修饰 。 这 些 超 链 接 可 以 


横 排 ,也 可 以 竖 排 。 超 链接 上 可 以 导入 背景 图 片 ,文字 上 可 以 加 下 画 线 等 。 根 据 实 际 需求 进 
行 设 计 , 其 效果 如 图 4. 2 所 示 。 
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图 4.2 导航 栏 效果 图 


(2) 使 用 记事 本 或 其 他 网 站 编辑 软件 ,输入 下 列 代码 : 


<!DOCTYPE htm1 > 
<html > 
<head> 


<title> 制 作 导航 栏 </title> /* 网 页 标题 / 
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</head> 
< body> 
<a href = " # "> 最 新 消息 </a> /* 第 1 个 超 链接 */ 
<a href = "# "> 产品 展示 </a> /* 第 2 个 超 链接 */ 
<a href = " # "> 客户 中 心 </a> /* 第 3 个 超 链接 * / 
<a href = " # "> 联系 我 们 </a> /* 第 4 个 超 链接 * / 
</body> 
</html> 


(3) 输入 代码 后 ,文件 保存 为 “导航 栏 . html” ,效果 如 图 4.3 所 示 。 页 面 中 有 4 个 超 链 
接 , 其 排列 方式 为 横 排 ,颜色 为 蓝 色 ,文字 带 有 下 画 线 。 
(4) 添加 CSS 代码 ,修饰 超 链接 的 基本 样式 。CSS 代码 如 下 : 


< style type = "text/css"» 

<l == 

a, a:visited { 

display: block; 

font - size: 16px; 

height: 50px; 

width: 80px; 

text ~ align: center; 

line- height: 40px; 

color: #000000; 

background - image: url(20. jpg); 
background - repeat: no- repeat; 
text- decoration: none; 

} 

== 

</style> 


以 上 代码 输入 到 < head > 和 </head > 代码 之 间 。 效 果 如 图 4.4 所 示 。 可 以 看 到 ,页 面 中 
的 4 个 超 链 接 排列 方式 变 为 坚 排 ,并 且 每 个 超 链接 都 导入 了 一 张 背景 图 片 , 超 链接 高 度 为 
50px, 宽 度 为 80px, 文 字 颜 色 为 黑色 ,不 带 下 面 线 。 
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最新 消息 产品 展示 客户 中 心 联系 我 们 


图 4.3 没有 CSS 修饰 的 效果 图 图 4.4 加 入 CSS 代码 修饰 后 的 效果 图 
(5) 在 CSS 代码 中 添加 修饰 超 链接 的 鼠标 悬浮 样式 ,代码 如 下 : 
a:hover ( 


font — weight: bolder; 
color: #FFFFFF; 
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text - decoration: underline; 

background - image: url(hover.gif); 

) 

代码 添加 完 后 ,刷新 页 面 ,就 可 以 看 到 , 当 鼠 标 放 在 导航 栏 上 的 一 个 超 链接 上 时 ,其 背景 
图 片 发 生 了 变化 且 文 字 带 有 下 画 线 。 


=, 知 误 学 习 
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CSS(Cascading Style Sheets. ft FEX k JE — Rh Ho k FE HTML( 标 准 通用 标记 语言 
的 一 个 应 用 ) 或 XML( 标 准 通 用 标记 语言 的 一 个 子 集 ) 等 文件 样式 的 计算 机 语言 。CSS 不 仅 
可 以 静态 地 修饰 网 页 ,还 可 以 配合 各 种 脚本 语言 动态 地 对 网 页 各 元 素 进行 格式 化 。 

CSS3 对 于 Web 开发 者 来 说 不 只 是 新 技术 ,更 重要 的 是 这 些 全 新 概念 的 Web 应 用 给 我 
们 带 来 更 多 无 限 的 可 能 ,也 极 大 地 提高 了 开发 效率 。 我 们 将 不 必 再 依赖 图 片 或 者 
JavaScript 去 完成 圆 角 .多 背景 ,用 户 自 定义 字体 .3D 动画 渐变 、 盒 阴影 .文字 阴 影 、. 透 明度 
等 提高 Web 设计 质量 的 特色 应 用 。 

1) CSS3 新 特性 

CSS3 新 特性 非常 多 ,这 里 简单 列举 被 浏览 器 广泛 支持 的 实用 特性 。 

。 完善 选择 器 。 
完善 视觉 效果 。 
完善 盒 模型 。 
增强 背景 功能 。 
增加 阴影 效果 。 
增加 多 列 布局 与 弹性 盒 模型 布局 。 
完善 Web 字体 和 Web Font 图 标 。 
增强 颜色 和 透明 度 功能 。 
新 增 圆 角 和 边框 功能 。 
增加 变形 操作 。 
增加 动画 和 交互 效果 
完善 媒体 特性 与 Responsive 布局 。 

2) CSS 基本 用 法 

CSS 代码 可 以 使 用 任何 文本 编辑 器 打开 和 编辑 。 因 此 ,不 管 有 没有 编程 基础 ,初次 接 
触 CSS 时 也 会 感到 很 简单 。 

样式 是 CSS 最 小 的 语法 单元 。 每 个 样式 包含 两 部 分 内 容 : 选择 器 和 声明 ,如 图 4.5 
所 示 。 

选择 器 : 告诉 浏览 器 该 样式 将 作用 于 页 面 中 哪些 对 象 ,这 些 对 象 可 以 是 某 个 标签 .所 有 
网 页 对 象 .指定 Class 或 ID 值 等 。 

声明 : 可 以 为 一 个 或 者 多 个 ,这 些 声明 命令 浏览 器 如 何 去 泻 染 选择 器 指定 的 对 象 。 

属性 : CSS 提供 的 设置 好 的 样式 选项 。 
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选择 器 声明 
n Í ) 
hl color: red; 
| l | 
网 页 标签 名 d 属性 属性 名 I 
样式 分 隔 线 样式 分 隔 线 


图 4.5 CSS 样 式 基本 结构 


属性 值 : 用 来 显示 属性 效果 的 参数 。 

3) CSS 样式 应 用 的 方法 

CSS 样式 应 用 的 方法 主要 包括 4 种: fra FE k LA, SEE SC IS AN. 

行内 样式 就 是 把 CSS 样式 直接 放 在 代码 行内 的 标签 中 ,一 般 都 放 在 标签 的 style 属性 
中 。 由 于 行内 样式 直接 插入 标签 中 , 故 是 一 种 最 直接 的 方式 ,同时 也 是 修改 最 不 方便 的 
样式 。 

VJ HR Km iE CSS 写 在 网 页 源 文件 的 头 部 , 即 在 < head > 与 </head > 之 间 , 通 过 使 用 
HTML 标签 中 的 < style > 标签 将 其 包围 ,其 特点 是 该 样式 只 能 在 此 页 面 使 用 ,解决 行内 样式 
多 次 书写 的 次 端 。 

链接 式 是 通过 HTML 的 < link > 标签 ,将 外 部 样式 表 文 件 链接 到 HTML 文档 中 ,这 是 
网 络 上 网 站 应 用 最 多 的 一 种 方式 ,同时 也 是 最 实用 的 方式 。 这 种 方式 将 HTML 文档 与 
CSS 文件 完全 分 离 ,实现 结构 层 和 表示 层 的 彻底 分 离 ,增强 网 页 结构 的 扩展 性 和 CSS 样式 
的 可 维护 性 。 

S AXE HG import 命令 导入 外 部 样式 表 。 

4) CSS3 选择 器 分 类 

CSS3 选择 器 分 为 5 大 类 : 基本 选择 器 、 组 合 选择 器 、 伪 类 选择 器 、 伪 元 素 和 属性 选择 
器 。 下 面 介绍 前 3 KX. 

(1) 基本 选择 器 包括 标签 选择 器 .类 选择 器 ID 选择 器 和 通 配 选 择 器 。 

° 标签 选择 器 : 一 个 完整 的 HTML 页 面 由 很 多 不 同 的 标签 组 成 ,而 标签 选择 器 则 决 

定 哪些 标签 采用 相应 的 CSS 样式 。 

。 类 选择 器 : 即 Class 选择 器 ,根据 类 名 来 选择 ,而 这 个 类 名 是 自 定义 的 ,但 在 定义 这 
个 类 名 的 时 候 也 应 该 尽量 能 反映 被 设置 元 素 的 实际 功能 。 例 如 ,如 果 用 于 显示 一 张 
图 片 , 可 以 命名 为 showImg; 如 果 将 一 个 字体 字号 设置 为 16px, 应 该 取 名 为 {16 或 
fz16。 同 一 个 类 名 的 选择 器 理论 上 可 以 被 任意 多 的 标签 元 素 使 用 。 在 CSS 中 ,定义 
类 名 选择 器 应 该 以 “. ”作为 开头 ,否则 ,浏览 器 将 视 为 自 定义 的 标签 名 。 

。 ID 选择 器 : 和 类 选择 器 一 样 ,名 称 也 是 自 定义 的 ,命名 原则 也 应 该 尽量 能 反映 该 元 
素 的 实际 功能 ,或 者 一 些 唯一 的 特质 。 但 和 类 选择 器 不 同 的 是 , 它 应 该 是 页 面 里 唯 
一 的 , 即 同一 个 页 面 内 只 能 出 现 一 个 ID; 否则 ,不 仅 违反 了 ID 命名 的 基本 规则 ,也 
会 在 JavaScript( 其 他 JavaScript 框架 皆 是 如 此 ) 进 行 操作 时 ,始终 都 只 能 获取 到 第 
一 个 ID, 之 后 的 相同 ID 的 元 素 则 不 会 生效 。 定 义 一 个 ID 选择 器 应 该 以 *“# ”开头 。 

。 通 配 选 择 器 : 匹配 文档 中 的 所 有 元 素 。 它 是 最 基本 的 选择 器 ,不 过 很 少 使 用 ,因为 

匹配 过 于 广泛 ,因此 不 便 单独 去 设置 某 一 类 特定 元 素 的 样式 。 
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(2) 组 合 选择 器 中 包含 了 如 下 4 种 组 合 方式 。 
。 后 代 选 取 器 (以 空格 分 隔 ) : 匹配 所 有 值 的 元 素 的 后 代 元 素 。 
。 子 元 素 选 择 器 (以 大 于 号 分 隔 ) : 与 后 代 选 择 器 相 比 , 子 元 素 选择 器 只 能 选择 作为 某 
元 素 的 子 元 素 的 元 素 。 

。 相 邻 兄弟 选择 器 (以 加 号 分 隔 ) : 可 选择 紧 接 在 另 一 元 素 后 的 元 素 , 且 二 者 有 相同 的 
父 元 素 。 如 果 需 要 选择 紧 接 在 另 一 个 元 素 后 的 元 素 , 而 且 二 者 有 相同 的 父 元 素 , 可 
以 使 用 相 邻 兄弟 选择 器 。 

° 普通 兄弟 选择 器 (以 破 折 号 分 隔 ) : 选取 所 有 指定 元 素 之 后 的 相 邻 兄弟 元 素 。 

(3) 伪 类 选择 器 包括 伪 类 和 伪 对 象 选择 器 。 伪 类 选择 器 以 冒号 (:) 作 为 前 级 标识 符 。 
冒号 前 可 以 添加 选择 符 , 限 定 伪 类 应 用 的 范围 ,冒号 后 为 伪 类 和 伪 对 象 名 ,冒号 前 后 没有 空 
格 , 否 则 将 错 认为 类 选择 器 。 伪 类 选择 器 是 CSS 中 已 经 定义 好 的 选择 器 ,不 能 随便 命名 。 
CSS3 的 伪 类 选择 器 主要 包括 4 种 : 动态 伪 类 结构 伪 类 否定 伪 类 和 状态 伪 类 。 这 些 伪 类 
并 不 存在 于 HTML 中 ,而 只 有 当 用 户 和 网 站 交互 的 时 候 才 能 体现 出 来 。 

。 动态 伪 类 包含 两 种 : 第 一 种 是 我 们 在 链接 中 常 看 到 的 锚 点 伪 类 ,如 * :link”* ; visited”; 
另外 一 种 被 称 作用 户 行为 伪 类 ,如 * hover” active" BI" :focus”。 
结构 伪 类 是 CSS3 新 设计 的 选择 器 , 它 利用 文档 结构 树 实现 元 素 过 滤 ,通过 文档 结构 
的 相互 关系 来 匹配 特定 的 元 素 , 从 而 减少 文档 内 class 属性 和 ID 属性 的 定义 ,使 得 
文档 更 加 简洁 。 

* 否定 伪 类 “ not O"J& CSS3 的 新 选择 器 ,类 似 jQuery 中 的 :not()” 选 择 器 ,主要 用 
来 定位 不 匹配 该 选择 器 的 元 素 。 

状态 伪 类 主要 针对 表单 进行 设计 ,由 于 表单 是 UI 设计 的 灵魂 ,因此 吸引 了 广大 用 户 
的 关注 。UI 是 User Interface( 用 户 界面 ) 的 缩写 ,UI 元 素 的 状态 一 般 包 括 可 用 、 不 
可 用 ,选中 ,未 选中 .获取 焦点 .失去 焦点 .锁定 、 待 机 等 。 


2. 使 用 CSS3 美化 网 页 文本 


文本 在 网 页 中 的 作用 如 下 : 

* 有 效 地 传递 页 面 信息 ， 

* 使 用 CSS 样式 美化 过 的 页 面 文本 ,页 面 更 漂亮 .美观 吸引 客户 ， 

。 可 以 很 好 地 突出 页 面 的 主题 内 容 , 使 用 户 第 一 眼 可 以 看 到 页 面 的 主要 内 容 ; 

。 具有 良好 的 用 户 体验 。 

常见 的 字体 属性 包括 字体 .字号 .字体 风格 .字体 颜色 等 。 

(1) CSS 使 用 font-family 属性 来 定义 字体 类 型 ,另外 使 用 font 属性 也 可 以 定义 字体 类 
型 。font-family 是 字体 专用 类 型 属性 ,用 法 如 下 : 


font - family:name 
font ~ famile:ncursive|fantasy|monospace| serif | sans - serif 


font 是 一 个 复合 属性 ,可 以 设置 的 字体 属性 如 下 : 


font:font- style || font - variant| | font - weight| | font - size| | line- height| | font = family 
font:caption| icon|menu|message - box| small — caption| status - bar 
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CSS 提供 了 5 类 通用 字体 。 所 谓 通 用 字体 就 是 一 种 备用 机 制 , 即 指定 的 所 有 字体 都 不 
可 用 时 ,能 够 在 用 户 系统 中 找到 一 个 类 似 字 体 进行 替代 显示 。 这 5 类 通用 字体 说 明 如 下 。 

serif: HRF. 

sans-serif: 无 衬 线 字 体 。 

cursive: 草 体 。 

fantasy: 奇异 字体 。 

monospace: 等 宽 字 体 。 

(2) CSS 使 用 font-size 属性 来 定义 字体 大 小 ,用 法 如 下 : 


<p style = "font - size:20px"> helloworld </p> 
该 语句 定义 字体 大 小 为 20px。 
<p style = "font - size:30px"> helloworld </p> 


该 语句 定义 字体 大 小 为 30px。 
(3) CSS 使 用 color 属性 来 定义 字体 颜色 ,用 法 如 下 : 


<p style = "color:red"> helloworld </p> 
该 语句 定义 字体 颜色 为 红色 。 
<p style = "color:blue"> helloworld </p> 


该 语句 定义 字体 颜色 为 蓝 色 。 

(4) CSS {E font-weight 属性 来 定义 字体 粗细 。 

(5) CSS 使 用 font-style 属性 来 定义 字体 为 斜体 ,用 法 如 下 : 
<p style = "font ~ style:normal"» helloworld </p> 


«p style = "font - style:italic"» helloworld</p> 
<p style = "font - style:oblique"> helloworld</p> 


3. 使 用 CSS3 美化 图 像 


图 像 格式 众多 ,但 网 页 图 像 常用 格式 只 有 3 种 : GIF JPEG 和 PNG, HP GIF 和 
JPEG 图 像 格式 在 网 络 上 使 用 广泛 ,能 够 支持 所 有 浏览 器 。 

1) 图 片 缩放 

在 HTML 语言 中 ,通过 img 的 描述 标记 width 和 height 可 以 设置 图 片 的 大 小 ,从 而 实 
现 对 图 片 的 缩放 效果 。 

(1) 通过 描述 标记 width 和 height 缩放 图 片 。 

例 4.1 通过 描述 标记 width 和 height 缩放 图 片 。 


<!DOCTYPE html > 


<html> 

< head> 

<title> 缩 放 图 片 </title> 
</head> 


<body> 
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< img src = "01. jpg" width = 200 height = 120 > / * width 为 200px 和 height 为 120pxx / 
</body> 
</htm1 > 


(2) 使 用 CSS3 中 的 max-width 和 max-height 缩放 图 片 。 

max-width 和 max-height 分 别 用 来 设置 图 片 宽度 最 大 值 和 高 度 最 大 值 。 在 定义 图 片 
大 小 时 ,如 果 图 片 默认 尺寸 超过 了 定义 的 大 小 ,就 以 max-width 所 定义 的 宽度 值 显示 ,而 图 
片 高 度 将 同比 例 变化 。 如 果 定义 的 是 max-height, UIRE. 

其 语法 格式 举例 如 下 : 


ing { 
max — height:180px; 
1 


例 4.2 使 用 CSS3 中 的 max-width 和 max-height 缩放 图 片 。 


<!DOCTYPE htm1 > 
<html> 
< head> 
<title > 缩放 图 片 </title> 
<style> 
img{ 
max — height :300px; 
} 
</style> 
</head> 
<body> 
< img src = "01. jpg" > 
</body> 
</html> 


(3) 使 用 CSS3 中 的 width 和 height 缩放 图 片 。 

在 CSS3 中 ,可 以 使 用 width 和 height 属性 来 设置 图 片 的 宽度 和 高 度 ,从 而 实现 对 图 片 
的 缩放 效果 。 

#J 4.3 使 用 CSS3 中 的 width 和 height 缩放 图 片 。 


<!DOCTYPE htm1 > 

<html> 

<head> 

<title> 缩 放 图 片 </title> 

</head> 

<body> 

< img src = "01. jpg" > 

< img src = "01. jpg" style = "width:150px;height:100px" > 
</body> 

</htm1 > 


2) 设置 图 片 的 对 齐 方式 


一 个 凌乱 的 图 文 网 页 ,是 每 一 个 浏览 者 都 不 喜欢 看 到 的 。 而 一 个 图 文 并 茂 .排版 格式 整 
洁 简 约 的 页 面 , 更 容易 让 网 页 浏览 者 接受 。 可 见 ,图 片 的 对 齐 方式 是 非常 重要 的 。 下 面 介绍 
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如 何 使 用 CSS3 属性 定义 图 片 的 对 齐 方式 。 

(1) 图 片 横向 对 齐 ,就 是 在 水 平方 向 上 进行 对 齐 。 其 对 齐 样式 和 文字 对 齐 比较 相似 ,都 
有 3 种 对 齐 方式 ,分别 为 “ 左 ”“ 右 ”和 “中 ”。 

要 定义 图 片 的 对 齐 方式 ,不 能 在 样式 表 中 直接 定义 图 片 样式 ,需要 在 图 片 的 上 一 个 标记 
级 别 ( 即 父 标 记 ) 定 义 对 齐 方式 ,让 图 片 继承 父 标记 的 对 齐 方式 。 之 所 以 这 样 定义 ,是 因为 
img( 图 片 ) 本 身 没有 对 齐 属性 ,需要 使 用 CSS 继承 父 标 记 的 text-align 属性 来 定义 对 齐 
方式 。 

例 4.4 设置 图 片 横向 对 齐 。 


<!DOCTYPE html > 

<html> 

< head> 

<title> 图 片 横向 对 齐 </title> 

</head> 

<body> 

<p style = "text — align:left"»« img src = "02. jpg" style = "max — width:140px;"> 图 片 左 对 齐 </p> 
<p style = "text - align:center">< img src = "02. jpg" style = "max - width: 140px; "> 图 片 居 中 对 齐 </p> 
<p style = "text — align:right">< img src = "02. jpg" style = "max- width:140pxj;"> 图 片 右 对 齐 </p> 
</body> 

</html> 


效果 如 图 4.6 所 示 , 网 页 上 显示 了 3 张 图 片 ,大 小 一 样 ,但 对 齐 方式 分 别 是 左 对 齐 、 居 中 
对 齐 和 右 对 齐 。 
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4.6 横向 对 齐 方式 


(2) 纵向 对 齐 就 是 垂直 对 齐 , 即 在 垂直 方向 上 与 文字 进行 搭配 使 用 。 通 过 对 图 片 的 垂 
直方 向 上 的 设置 ,可 以 设 定 图 片 和 文字 的 高 度 一 致 。 在 CSS3 中 ,对 图 片 进 行 纵向 设置 时 ， 
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通常 使 用 vertical-align 属性 来 定义 。 
vertical-align 属性 设置 元 素 的 垂直 对 齐 方式 , 即 定义 行内 元 素 的 基线 相对 于 该 元 素 所 
在 行 的 基线 的 垂直 对 齐 。 人 允许 指定 负 长 度 值 和 百分比 值 , 负 值 会 使 元 素 降低 。 在 表单 元 格 
中 ,这 个 属性 会 设置 单元 格 内 容 的 对 齐 方式 ,其 详细 信息 如 表 4. 9 所 示 。 其 语法 格式 为 ， 
vertical — align:baseline| sub| super| top| text - top|middle| bottom|text - bottom| length 


表 4.9 vertical-align 属性 





参数 名 称 说 — H 

baseline 将 支持 vertical-align 属性 的 对 象 的 内 容 与 基线 对 齐 

sub 垂直 对 齐 文本 的 下 标 

super 垂直 对 齐 文本 的 上 标 

top 将 支持 vertical-align 属性 的 对 象 的 内 容 与 对 象 顶 端 对 齐 
text-top 将 支持 vertical-align 属性 的 对 象 的 文本 与 对 象 顶端 对 齐 
middle 将 支持 vertical-align 属性 的 对 象 的 内 容 与 对 象 中 部 对 齐 
bottom 将 支持 vertical-align 属性 的 对 象 的 内 容 与 对 象 底 端 对 齐 
text-bottom 将 支持 vertical-align 属性 的 对 象 的 文本 与 对 象 底 端 对 齐 
length 由 浮 点 数 和 单位 标识 符 组 成 的 长 度 值 或 者 百分数 


例 4.5 设置 图 片 的 纵向 对 齐 。 


<!DOCTYPE html > 

<html> 

<head> 

<title> 图 片 纵向 对 齐 </title> 

< style> 

ing( 

max — width:100px; 

) 

</style> 

</head> 

< body> 

<p> 纵 向 对 齐 方式 :baseline < img src = 02. jpg style = "vertical - align:baseline"></p> 
« p» [5] Xf 377; 5X : bottom « img src = 02. jpg style = "vertical - align:bottom"></p > 
< p» [5] Xf 377; 5X : middle < img src = 02. jpg style = "vertical- align:middle"></p> 
<p> 纵 向 对 齐 方式 :sub < img src = 02. jpg style = "vertical- align: sub"></p> 

< p> [8] X1 3777 3X : super < img src = 02. jpg style = "vertical- align: super"></p> 
<p> 纵 向 对 齐 方式 :数值 定义 < ing src = 02. jpg style = "vertical- align:20px"»«/p» 
</body> 

</html> 


效果 如 图 4.7 所 示 , 网 页 上 显示 了 6 张 图 片 ,垂直 方向 上 分 别 是 baseline, bottom, 
middle, sub, super 和 数值 定义 。 


4. 使 用 CSS3 美化 超 链接 


一 般 情 况 下 , 超 链 接 是 由 < a > 和 </a > 标记 组 成 的 , 超 链接 可 以 是 文字 或 图 片 。 添 加 了 
超 链 接 的 文字 具有 自己 的 样式 ,从 而 与 其 他 文字 有 区 别 , 其 中 默认 链接 样式 为 蓝 色 文字 、 有 
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纵向 对 齐 方式 :baseline 


纵向 对 齐 方式 :bottom 


纵向 对 齐 方式 :middle £ 


纵向 对 齐 方式 :sub Ë 
纵向 对 齐 方式 :super Ë 








| 纵向 对 齐 方式 :数值 定义 





4.7 纵向 对 齐 方式 


下 画 线 。 不 过 ,通过 CSS3 属性 可 以 修饰 超 链接 ,从 而 实现 美观 的 效果 。 

1) 改变 超 链接 的 基本 样式 

通过 CSS3 的 伪 类 ,可 以 改变 超 链接 的 基本 样式 。 使 用 伪 类 可 以 很 方便 地 为 超 链接 定 
义 在 不 同 状态 下 的 样式 效果 , 伪 类 是 CSS 本 身 定义 的 一 种 类 。 

对 于 超 链接 伪 类 ,其 详细 信息 如 表 4. 10 所 示 。 


表 4.10 超 链接 伪 类 








food JH 途 

a:link 定义 a 对 象 在 未 被 访问 前 的 样式 

a:hover 定义 a 对 象 在 鼠标 悬 停 时 的 样式 

a:active XE XL a 对 象 被 用 户 激活 时 的 样式 (在 鼠标 单 击 与 释放 之 间 发 生 的 事件 ) 
a:visited 定义 a 对 象 在 链接 地 址 已 被 访问 过 时 的 样式 


2) 设置 带 有 提示 信息 的 超 链接 

在 网 页 显示 的 时 候 , 有 时 一 个 超 链接 并 不 能 说 明 这 个 链接 背后 的 含义 ,通常 还 要 为 这 个 
链接 加 上 一 些 介 绍 性 信息 , 即 提示 信息 。 此 时 可 以 通过 超 链 接 a 提供 描述 标记 title, 达 到 这 
个 效果 。title 属性 的 值 即 为 提示 内 容 , 当 浏览 器 的 光标 停留 在 超 链 接 上 时 ,会 出 现 提示 内 
容 , 并 且 不 会 影响 页 面 排版 的 整洁 。 
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3) 设置 超 链接 的 背景 图 

一 个 普通 超 链接 ,要 么 是 以 文字 显示 ,要 么 是 以 图 片 显示 ,显示 方式 很 单一 。 此 时 可 以 
将 图 片 作为 背景 图 添加 到 超 链接 里 ,这 样 超 链 接 会 具有 更 加 精美 的 效果 。 超 链接 如 果 要 添 
加 背景 图 片 ,通常 使 用 background-image 来 完成 。 

4) 设置 超 链接 的 按钮 效果 

为 了 增强 超 链接 的 效果 ,会 将 超 链接 模拟 成 表单 按钮 , 即 当 鼠标 指针 移 到 一 个 超 链接 上 
时 , 超 链接 的 文章 或 图 片 就 会 像 被 按 下 一 样 ,有 一 种 凹陷 的 效果 。 其 实现 方式 通常 是 利用 
CSS 中 的 a:hover, 当 鼠标 指针 经 过 超 链接 时 ,将 超 链接 向 下 、 向 右 各 移 1px, 这 时 候 , 显 示 效 
果 就 像 按 钮 被 按 下 一 样 。 


5. CSS3 盒 模型 基础 


HTML 文档 中 的 每 个 元 素 都 被 描绘 成 矩形 盒子 ,这 些 矩 形 盒子 通过 一 个 模型 来 描述 其 
占用 空间 ,这 个 模型 称 为 盒 模型 。 盒 模型 通过 4 个 边界 来 描述 : margin OMAE) border Cl 
HE) „padding PR LEE) content( 内 容 区 域 ) 。 盒 模型 中 各 个 属性 的 空间 位 置 关系 如 图 4. 8 
所 示 。 


[一 border( 边 框 ) 


margin( 外 边框 ) 
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4.8 盒 模型 中 各 个 属性 的 空间 位 置 关系 


图 4. 8 中 最 内 部 的 框 是 元 素 (element) 的 实际 内 容 , 也 就 是 元 素 框 , 紧 挨 着 元 素 框 外 部 
的 是 内 边 距 (padding) ,其 次 是 边框 (border) ,最 外 层 是 外 边 距 (margin) ,整个 构成 了 框 模 
型 。 通 常 我 们 设置 的 背景 显示 区 域 .就 是 内 容 区 域 . 内 边 距 、 边 框 这 一 块 范围 。 而 外 边 距 
(margin) 是 透明 的 ,不 会 遮挡 周边 的 其 他 元 素 。 

那么 ,元 素 框 的 总 宽度 二 element 的 宽度 十 padding 的 左 、 右 边 距 的 值 十 margin ff Ze f 
边 距 的 值 十 border fc SERE s 

元 素 框 的 总 高 度 二 element 的 高 度 十 padding 的 上 、 下 边 距 的 值 十 margin 的 上 、 下 边 距 
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的 值 十 border 的 上 、 下 宽度 。 

1) 内 容 

内 容 是 盒子 里 的 “物品 ,是 盒 模型 中 必须 有 的 部 分 ,可 以 是 网 页 上 的 任何 元 素 , 如 文本 、 
图 片 ,视频 等 各 种 信息 。 内 容 的 大 小 由 属性 宽度 和 高 度 定义 ,其 语法 格式 如 下 : 

width:auto|length; 

height:auto|length; 

auto 表示 宽度 或 高 度 可 以 根据 内 容 自动 调整 ;， length 是 长 度 值 或 百分比 值 ,百分比 值 
是 基于 父 对 象 的 值 来 计算 当前 盒子 大 小 的 。 

2) 边界 

边界 是 盒 模型 与 其 他 盒 模型 之 间 的 距离 ,使 用 margin 属性 定义 ,其 语法 格式 如 下 : 





margin auto| length; 


length 是 长 度 值 或 百分比 值 。 百 分 比值 是 基于 父 对 象 的 值 。 长 度 值 可 以 是 负 值 ,实现 
盒子 间 的 重生 效果 。 也 可 以 利用 margin 的 4 个 子 属 性 margin-top ,margin-bottom margin- 
left, margin-right 分 别 定 义 盒子 四 周 各 边界 值 , 语 法 同 margin。 对 于 行内 元 素 , 只 有 左右 
边界 起 作用 。 

3) 填充 

填充 用 来 设置 内 容 和 盒子 边框 之 间 的 距离 。 可 用 padding 属性 设置 ,其 语法 格式 如 下 : 

padding: length; 

length 可 以 是 长 度 值 或 百分比 值 , 百 分 比值 是 基于 父 对 象 的 值 。 与 margin 类 似 , 也 可 
以 利用 padding 的 4 个 子 属性 padding-top, padding-bottom, padding-left, padding-right 分 
别 定 义 盒子 4 个 方向 的 填充 值 ,长 度 值 不 可 以 为 负 。 

4) 边框 

边框 是 盒 模 型 中 介 于 填充 和 边界 之 间 的 分 界线 ,可 用 border-width, border-style, 
border-color 属性 定义 边框 的 宽度 .样式 .颜色 ,也 可 以 直接 在 border 属性 后 加 3 个 对 应 值 ， 
用 空格 隔 开 进 行 设 置 。 

边框 宽度 用 border-width 属性 描述 ,其 值 可 以 是 关键 字 medium, thin, thick ,长度 值 或 
百分比 值 。 

边框 样式 用 border-style 属性 描述 ,其 值 可 取 的 关键 字 如 下 。 

none: 无 边框 ,默认 值 。 

hidden: 隐藏 边框 。 

dashed; 点 画 线 构成 的 虚线 边框 。 

dotted: 点 构成 的 虚线 边框 。 

solid: 实 线 边框 。 

double: 双 实 线 边 框 。 

groove: 根据 color 值 ,显示 3D [UL f if , 

ridge: 根据 color 值 ,显示 3D i'i E. 

inset: 根据 color 值 , 显 示 3D 四 边 边框 。 
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outset; 根据 color 值 ,显示 3D 凸 边 边 框 。 
边框 颜色 用 border-color 属性 描述 ,其 值 同 color 值 ,可 以 是 RGB ff Bj (e rs 


任务 3 设计 在 线 购物 类 网 站 网 页 


一 、 任 务实 现 


在 线 购物 网 站 是 当前 比较 流行 的 一 类 网 站 。 随 着 网 络 购物 、 物 联网 交易 的 普及 ,如 京 
东 淘宝 、 阿 里 巴巴 . 速 卖 通 等 类 型 的 在 线 网 站 的 风靡 , 越 来 越 多 的 公司 和 企业 都 已 经 着 手 架 
设 在 线 购物 网 站 平台 

在 线 购物 类 网 页 主要 用 于 实现 网 络 购 物 、 交 易 等 功能 ,因此 所 要 体现 的 功能 较 多 ,主要 
包括 产品 搜索 .账号 登录 ,广告 推广 .产品 推广 .产品 分 类 商品 管理 等 内 容 。 最 终 的 网 页 效 
果 如 图 4.9 所 示 。 
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图 4.9 在 线 购物 网 站 主页 效果 图 
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(1) 设计 分 析 。 
购物 网 站 的 一 个 重要 特点 就 是 展示 商品 ,突出 购物 流程 .优惠 活动 .促销 活动 等 信息 。 
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首先 ,要 用 逼真 的 商品 图 片 来 吸引 购物 者 ,结合 各 种 吸引 人 眼球 的 优惠 活动 来 增强 购物 者 的 
购买 欲望 ,而 且 在 购物 流程 上 要 简单 快捷 ,如 付款 方式 多 样 化 ,让 购物 者 有 多 种 选择 ,让 各 类 
购物 者 都 能 在 网 上 顺利 完成 支付 。 

在 线 购物 类 网 站 要 体现 以 下 主要 特点 : 

。 商品 检索 方便 。 要 有 商品 搜索 功能 和 详细 的 商品 分 类 。 

。 有 产品 推广 功能 。 增 加 广告 活动 位 ,帮助 特色 产品 推广 。 

* 有 热门 产品 推荐 。 购 物 者 的 搜索 很 多 带 有 盲目 性 ,所 以 可 以 设置 热门 产品 推荐 位 。 

(2) 排版 架构 。 

本 例 的 在 线 购物 网 站 整体 采用 上 中 下 的 架构 。 上 部 
为 导航 栏 ; 中 部 为 网 页 的 主要 内 容 区 域 .包括 Banner, vt Banner 
讯 .产品 类 别 区 域 ; 下 部 为 页 脚 信息 。 

网 页 的 整体 架构 如 图 4. 10 所 示 。 PERMI 

(3) 创建 该 网 站 需要 的 文件 夹 “ 在 线 购物 网 站 ”, 在 : 
此 文件 下 内 创建 子 文件 夹 images 和 css 等 。 产品 类 别 N 

(4) 导航 栏 使 用 水 平 结构 ,与 其 他 类 别 的 网 站 相 比 ， 页 脚 信息 
前 面 有 一 个 显示 购物 车 情况 的 功能 。 把 购物 车 功能 放 在 
这 里 ,购物 者 能 更 方便 ,快捷 地 查看 购物 情况 。 导 航 栏 效 
果 如 图 4.11 所 示 。 
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图 4.10 网 页 的 整体 架构 
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4.11 导航 栏 效 果 图 
使 用 记事 本 或 其 他 网 站 编辑 软件 ,在 < body > 和 </body > 之 间 输 入 下 列 代码 : 


< div id= "nav">< span>< a href =" 井 "> 我 的 账户 </a> | <a href = " # " style= "color: # 5CA100;"»iT 
单 查询 </a> | <a href =" # "> 我 的 优惠 券 </a> | <a href =" # "> 积分 换购 </a> | <a href = " # ">W 
物 交 流 </a> | <a href = " 井 "> 帮 助 中 心 </a></span> 你 好 ,欢迎 来 到 优 尚 购物 [< a href = " # "> 登录 
</a>/<a href = " 井 "> 注 册 </a>] </div> 


< div id= "logo" 
< div class = "logo_left">< a href = " # ">< img src = "images/logo. gif" border = "0" /»«/a»«/div» 
< div class = "1ogo_center"> 
< div class = "search">< form action = "" method = "get"> 
< div class = "search_text"> 
< input type = "text" value = "请 输入 产品 名 称 或 订单 编号 " class = "input text"/» 
</div> 
< div class = "search btn"><a href = " # ">< img src = " images/search - btn. jpg" border = "0" /> 
</a></div> 
</form></div > 
«div class = "hottext"»jA|]18 Æ :&nbsp; «a href = " 井 "> 新 品 </a> &nbsp; &nbsp; &nbsp;< a href = 
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" # "> 限时 特价 </a> &nbsp; &nbsp; &nbsp;« a href = " # "> 防晒 隔离 </a> &nbsp; &nbsp; &nbsp;« a href = 
"# "> 超 值 换购 </a> </div> 


</div> 

< div class = "logo right">< img src = "images/telephone. jpg" width = "228" height = "70" /></div> 
</div> 
Ne ND > 


< div id= "menu"> 
< div class = "shopingcar">< a href =" 井 "> 购物 车 中 有 0 件 商品 </a></div> 
< div class = "menu_box"> 
<ul> 
<li><a href =" # ">< img src = "images/menu1. jpg" border = "0" /></a></1i> 
<1i><a href = " # ">< ing src = "images/menu2. jpg" border = "0" /»«/a»«/li» 
<li><a href =" # ">< img src = "images/menu3. jpg" border = "0" /></a></1i> 
<li><a href = " # ">< img src = "images/menu4. jpg" border = "0" /></a></li> 
<1i><a href = " # ">< img src = "images/menu5. jpg" border = "0" /»«/a»«/li» 
<li><a href =" # ">< img src = "images/menu6. jpg" border = "0" /»«/a»«/li» 
< li style = "background:none; ">< a href = " # ">< img src = " inages/menu7. jpg" border = "0" /> 
«/a»«/li» 
< li style = "background: none; ">< a href = " # ">< ing src = "images/menu8. jpg" border = "0" /> 
«/a»«/li» 
< li style = "background: none; ">< a href = " # ">< ing src = " inages/menu9. jpg" border = "0" /> 
«/a»«/li» 
< li style = "background:none; ">< a href = " # ">< ing src = "images/menu10. jpg" border = "0" /> 
«/a»«/li» 
</ul> 
</div> 
</div> 


上 述 代码 主要 包括 3 个 部 分 ,分 别 为 NAV、Logo、MENU。 其 中 , NAV 区 域 主要 用 于 
定义 购物 网 站 中 的 账户 、 订 单 、 注 册 、 帮 助 中 心 等 信息 ; Logo 部 分 主要 用 于 定义 网 站 的 
Logo、\ 搜 索 框 、 热 门 搜索 信息 以 及 相关 的 电话 等 ; MENU 区 域 主要 用 于 定义 网 页 的 导航 
菜单 。 

(5) 在 css 文件 夹 内 创建 layout. css, 在 此 CSS 文件 里 书写 对 应 上 述 代码 的 CSS 样式 ， 
具体 代码 如 下 : 


f menu( margin - top:10px; margin:auto; width:980px; height:41px; overflow:hidden; } 
. Shopingcar( float:left; width:140px; height:35px; 
background:url(../images/shopingcar.jpg) no- repeat; color: # fff; 

padding:10px 0 0 42px; } 

. Shopingcar a( color: # fff;) 

.menu box( float:left; margin- left:60px;]) 

.menu box li( float:left; width:55px; margin- top:17px; 

text- align:center; background:url(../images/menu fgx. jpg) right center no- repeat; } 


在 上 述 代码 中 , # menu 选择 器 定义 了 导航 菜单 的 对 齐 方式 、 宽 度 、 高 度 、 背 景 图 片 等 
信息 。 

(6) 购物 网 站 的 Banner 区 域 与 企业 类 型 的 网 站 比较 起 来 差别 很 大 ,企业 型 的 Banner 
区 域 多 突出 企业 文化 ,而 购物 网 站 的 Banner 区 域 主要 放置 主推 产品 、 优 惠 活动 ,促销 活动 等 
信息 。Banner 区 域 和 资讯 区 域 效果 如 图 4. 12 所 示 。 
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图 4.12 Banner 区 域 和 资讯 区 域 效果 
(7) 在 HTML 代码 中 ,在 < body > 和 </body > 之 间 输入 下 列 代码 


< div id= "banner"> 
< div class = "banner_box"> 
< div class = "banner_pic">< img src = "images/banner. jpg" border = "0" /></div > 
< div class = "banner_right"> 
«div class = "banner_right_top">< a href = " # ">< img src = "images/event banner. jpg" border = 
"0" /></a></div> 
< div class = "banner_right_down"> 
< div class = "moving_title">< img src = "images/news title.jpg" /></div > 
<ul> 
<li><a href =" # ">< span> 国 庆 大 促 5 宗 最 , 纯 牛 皮 钱包 免费 换 !</span></a></1i> 
<li><a href ="#"> 身 体 护理 系列 满 199 加 1 元 换购 飘 柔 !</a></1i> 
<li><a href = " # ">< span» Y0US00 九 月 新 起 点 ,价值 99 元 免费 送 !</span></a></1i> 
<li><a href ="#"> 喜 迎 国庆 , 妆 品 百 元 红包 大 派送 !</a></1i> 
</ul> 
</div> 
</div> 
</div> 
</div> 


在 上 述 代 码 中 ,Banner 分 为 两 部 分 : 左 侧 放大 尺寸 图 片 ; 右 侧 放 小 尺寸 图 片 和 文字 
信息 。 
(8) 在 layout. css 文件 中 添加 对 应 上 述 代码 的 CSS 代码 如 下 : 





# banner{ background:url(../images/banner top bg.jpg) repeat - x; padding - top:12px;] 
.banner box( width:980px; height:369px; margin:auto;) 

.banner pic{ float:left; width:726px; height:369px; text - align:left; } 

.banner right( float:right; width:247px;] 

.banner right top( margin- top:15px;] 

.banner right down( margin- top:12px;] 

.banner right down ul( margin- top:10px; width:243px; height:89px;]) 

.banner right down li 

{ margin- left:10px; padding - left:12px; background:url(../images/icon green.jpg) left no- 
repeat center; line- height:21px;] 

.banner right down li af color: #444;} 

.banner right down li a span( color: # A10288;] 


⁄ ` 
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在 上 述 CSS fid Pr, # banner 选择 器 定义 了 背景 图 片 ,背景 图 片 的 对 齐 方式 、 链 接 样式 


(9) 产品 类 别 也 是 图 文 混 排 的 效果 。 在 购物 网 页 中 大 量 运 用 了 图 文 混 排 的 方式 。 图 4. 13 
所 示 为 化 妆 品 类 别 区 域 ,图 4. 14 所 示 为 女 包 类 别 区 域 。 
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图 4.13 化 妆 品 类 别 区 域 
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图 4.14 女 包 类 别 区 域 


(10) 在 HTML 代码 中 ,在 < body > 和 </body > 之 间 输 入 下 列 代码 ， 


< div class = "clean"></div> 

<div id= "content2"> 

< div class = "con2_title"> 

<b><a href = " # ">< img src = "images/ico_jt. jpg" border = "0" /></a></b> 
< span>< a href = " # "> 新 品 速递 </a> | <a href = " # "> 畅销 排行 </a> 

| <a href = "#"> 特 价 抢购 </a> | «a href =" 井 "> 男士 护肤 </a> &nbsp; &nbsp; 
</span> 

< img src = "images/con2 title. jpg" /></div > 

« div class = "line1"></div > 

< div class = "con2_content"> 

<a href = " # ">< img src = "images/con2_content. jpg" width = "981" height = "405" border = "0" /> 
</a> 

</div> 
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< div class = "scro11_brand">< a href = " # ">< img src = "images/scro11_brand. jpg" border = "0" /> 
</a> 

</div> 

< div class = "gray_line"></div > 

</div> 

<div id= "content4"> 

< div class = "con2 title"><b><a href = " # ">< img src = "images/ico jt. jpg" border = "0" /></a> 
</b> 

<span> 

<a href =" # "> 新品 速递 </a> | <a href = "#"> 畅 销 排 行 </a> 

| <a href = "#"> 特 价 抢购 </a> | «a href =" 井 "> 男士 护肤 </a > &nbsp; &nbsp; 

</span> 

< img src = "images/con4_title. jpg" width = "27" height = "13" /> 

</div> 

< div class = "line3"></div > 

< div class = "con2_content"> 

<a href = " # ">< img src = "images/con4_content. jpg" width = "980" height = "207" border = "0" /> 
</a></div > 

< div class = "gray_line"></div > 

</div> 

在 上 述 代码 中 ,content2 层 中 用 于 定义 化 妆 品 类 别 ; content4 层 中 用 于 定义 女 包 类 别 。 
(11) 在 layout. css 文件 中 添加 对 应 上 述 代码 的 CSS 代码 如 下 : 

f content2{ width:980px; height:545px; margin:22px auto; overflow:hidden;) 

.con2 title( width:973px; height:22px; padding- left:7px; line- height:22px;] 

.con2 title span( float:right; font- size:l0px;]) 

.con2 title a( color: # 444; font- size:l2px;) 

.con2 title b img( margin- top:3px; float:right;]) 

.con2 content( margin- top:10px;} 

.Scroll brand( margin- top:7px;] 

# content4( width:980px; height:250px; margin:22px auto; overflow:hidden; } 

f bottom( margin:auto; margin- top:15px; background: # FOFOFO; height:236px;] 

.bottom pic{ margin:auto; width:980px;] 

ER CSS 代码 定义 了 产品 类 别 的 背景 图 片 ,高度 .宽度 对 齐 方式 等 。 

(12) 在 HTML 代码 中 ,在 < body > 和 </body > 之 间 输 入 下 列 代码 : 


< div id= "copyright">< img src = "images/copyright. jpg" /></div> 
页 脚 区 域 使 用 一 个 div 标签 放置 版 权 信息 图 片 ,比较 简洁 ,如 图 4. 15 所 示 。 


关于 我 们 | 联系 我 们 | 配送 范围 | 如 何 付款 | 批发 团购 | 品牌 招商 | LACE 


fitis 


4.15 页 脚 区 域 
(13) 在 layout. css 文件 中 添加 对 应 上 述 代码 的 CSS 代码 如 下 : 


f copyright(width:980px; height:150px; margin:auto; margin - top:16px;} 
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(14) 在 css 文件 夹 内 创建 font. ess. TE IE CSS 文件 里 书写 对 应 上 述 代码 的 CSS 样式 ， 
具体 代码 如 下 : 


af text - decoration:none;] 
a:visited( text - decoration:none;] 
a:hover( text - decoration:underline;] 


二 、 知 识 学 习 
1. Web 前 端 应 用 开发 现状 与 发 展 趋势 


随 着 互联 网 的 日 新 月 异 ,大众 消 费 意识 也 在 不 断 发 生变 化 ,日 常生 活 中 方方面面 都 会 用 
到 APP 功能 , Web 前 端 主要 涉及 PC 网 站 的 前 端 . 手 机 等 移动 端 网 站 前 端 和 APP 客户 端 前 
端 , 本 小 节 简 单 介绍 移动 Web 开发 现状 与 发 展 趋势 。 
目前 , Web 前 端 开发 正 处 于 发 展 的 高 峰 期 ,各 大 公司 、 企 业 为 了 增强 产品 的 用 户 体验 ， 
吸引 用 户 ,都 建立 起 了 自己 的 用 户 体验 团队 ,HTML5 技术 被 广泛 应 用 。 
D HTML5 应 用 发 展现 状 
从 软件 角度 来 看 ,桌面 浏览 器 对 HTML5 的 支持 高 于 移动 浏览 器 ,最 高 可 达 95%; 而 
从 整体 上 而 言 ,移动 浏览 器 对 HTML5 的 支持 却 优 于 桌面 浏览 器 。 
HTML5 具有 和 较 好 的 浏览 器 向 后 兼容 性 ,开发 者 能 对 浏览 器 不 支持 的 情形 设计 各 种 各 
样 的 回 退 方案 。 因 此 ,HTML5 页 面 的 实际 显示 性 能 与 开发 者 ,制作 平台 密切 相关 。 在 商业 
需求 的 驱动 下 ,HTML5 页 面 设 计 目 的 性 更 强 , 获 得 良好 传播 效果 的 基本 上 都 是 经 过 一 定时 
间 策 划 ,在 团队 操作 下 有 针对 性 进行 投放 的 企业 案例 。 
2) HTML5 行业 发 展 趋势 
伴随 HTML5 兴起 的 是 Flash 的 没落 ,HTML5 除了 移动 设备 的 跨 平台 性 和 较 好 的 多 
媒体 支持 外 , 它 的 应 用 范围 也 广 于 Flash. HTML5 在 以 下 4 大 方面 有 所 突破 。 
* 往 重 度 内 容 化 方向 发 展 : 在 用 户 对 页 面 交互 能 力 和 HTML5 拓展 功能 的 要 求 提高 
之 际 , 轻 度 营 销 的 市 场 份额 会 逐渐 降低 ,逐渐 往 重 度 营销 内 容 转化 。 
* 往 网 页 游戏 方向 发 展 : 网 页 游戏 在 未 来 更 可 能 结合 HTML5 优良 的 通信 功能 , 往 跨 
屏 互 动 等 交互 特征 更 明显 的 形式 发 展 。 
* 往 在 线 应 用 方向 发 展 : 密切 相关 的 垂直 行业 包括 在 线 教育 . 电 商 和 流 媒 体 三 种 
类 型 。 
。 往 内 容 直 接 填 充 方向 发 展 : 在 HTMLS 模板 的 帮助 下 ,新 媒体 内 容 能 够 通过 应 用 母 
版 进行 编辑 ,用 户 只 需要 后 期 进行 图 文 内 容 的 蔡 换 ,因此 这 也 很 可 能 成 为 传媒 业 转 
型 的 契机 。 
从 以 上 几 点 内 容 来 看 ,HTML5 会 有 很 大 的 市 场 , 移 动 Web 开发 现状 及 发 展 趋势 都 非 
常 不 错 ,从 事 Web 前 端 开 发 就 业 前 景 极 好 。 


2. 网 站 开发 流程 


网 站 开发 用 于 制作 一 些 专业 性 强 的 网 站 ,如 动态 网 页 .ASP.PHP、JSP 网 页 。 而 且 网 站 
开发 一 般 是 原创 ,网 站 制作 可 以 用 别人 的 模板 。 网 站 开发 的 字面 意思 比 制作 有 更 深层 次 的 
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进步 , 它 不 仅仅 有 网 站 美工 和 内 容 , 还 可 能 涉及 域名 注册 查询 和 网 站 的 一 些 功能 的 开发 。 对 
于 较 大 的 组 织 和 企业 ,网 站 开发 团队 可 以 由 数 百人 (Web 开发 者 ) 组 成 。 规 模 较 小 的 企业 可 
能 只 需要 一 个 永久 的 或 收缩 的 网 站 管理 员 或 相关 的 工作 职位 ,如 一 个 平面 设计 师 或 信息 系 
统 技 术 人 员 的 二 次 分 配 。Web 开发 可 能 需要 一 个 部 门 , 而 不 是 与 指定 的 部 门 之 间 的 协作 
努力 。 

互联 网 时 代 , 网 站 作为 企业 的 第 二 种 战略 方向 ,就 是 为 了 帮助 企业 提供 更 广 的 服务 渠 
道 ,接触 更 多 的 用 户 。 本 小 节 就 来 简单 介绍 网 站 开发 流程 。 

1) 确定 建站 目标 

一 个 好 的 网 站 与 建站 前 的 规划 有 着 很 重要 的 关系 。 在 制作 网 站 之 前 首先 应 明确 网 站 
建设 的 需求 ,确定 建站 的 目的 及 目标 ,包括 网 站 的 内 容 、 网 站 功能 及 网 站 想 要 传达 的 信 
息 等 。 

开始 先 为 网 站 设立 一 个 目标 , 即 如 想 做 个 漂亮 的 网 站 ,或 者 想 做 个 强大 的 网 站 。 为 什么 
要 做 这 个 网 站 ? 想 吸 引 哪些 人 去 访问 这 个 网 站 ? 不 要 希望 所 有 人 都 会 喜欢 这 个 网 站 ,你 对 
这 个 网 站 描述 得 越 详细 ,你 的 网 站 就 越 有 可 能 成 功 。 

如 大 部 分 公司 的 网 站 目标 可 能 就 是 吸引 潜在 客户 ,以 推销 本 公司 的 产品 或 者 服务 。 我 
们 应 该 对 这 个 目标 描述 得 再 详细 一 些 。 如 一 家 IT 培训 机 构 , 它 的 主 营 培 训 项 目 就 是 IT 职 
业 培训 ,那么 它 的 网 站 目标 可 以 是 这 样 : 年 龄 为 18 一 26 岁 没 有 工作 或 者 是 对 工作 不 满 、 喜 
欢 计 算 机 的 年 轻 人 ,通过 网 站 了 解 IT 职业 然后 选择 培训 科目 。 

一 旦 设立 了 网 站 目标 , 随 之 而 来 的 就 是 要 执行 的 任务 。 为 了 完成 这 些 任务 ,下 一 步 就 要 
整理 网 站 的 内 容 , 包 括 文章 、 图 片 .视频 ,然后 把 网 站 的 结构 设立 出 来 ,如 想 把 网 站 的 内 容 分 
成 哪 几 个 单元 、 每 个 单元 有 怎样 的 分 类 等 ,最 后 还 要 考虑 网 站 的 功能 (网 站 需 不 需要 留言 功 
能 .论坛 等 ) ,然后 可 以 根据 这 些 需求 ,开始 制定 网 站 建设 方案 。 

2) 进行 需求 分 析 

要 想 建设 一 个 比较 好 的 网 站 ,就 要 分 析 用 户 的 需求 ,因为 网 站 就 是 为 了 给 用 户 看 的 ,只 
有 先 了 解 用 户 的 需求 ,才能 够 更 好 地 满足 用 户 ,才能 够 更 好 地 吸引 用 户 。 

对 于 网 站 运营 者 来 说 ,要 想 更 好 地 掌握 用 户 的 需求 ,要 先 把 自己 当成 用 户 ,站 在 用 户 的 
角度 去 思考 , 想 一 下 自己 想 要 在 网 站 上 看 到 哪些 内 容 , 然 后 在 做 网 站 的 时 候 就 能 够 更 好 地 进 
行 网 站 的 框架 搭建 。 

网 站 建设 之 前 应 该 做 好 以 下 用 户 需 求 分 析 。 

。 和 用 户 沟通 很 重要 : 可 以 更 方便 地 获取 第 一 手 资料 。 在 调研 前 并 不 确定 哪 几 类 用 

户 是 我 们 的 目标 受众 ,这 就 需要 我 们 大 量 与 用 户 进行 面对面 沟通 ,快速 积累 更 多 有 
价值 的 信息 。 
。 把 用 户 关心 的 每 一 个 细节 都 做 好 : 用 户 会 围绕 你 的 产品 做 很 多 事 , 为 了 体验 用 户 的 
感受 .融入 用 户 群 体 ,运营 人 员 也 应 该 去 做 这 些 事 ,甚至 在 多 个 场景 ,长 期 \ 大 量 去 
做 ,这 样 才能 真正 体会 用 户 的 感受 。 

。 分 析 用 户 所 在 的 行业 : 除了 分 析 用 户 ,还 要 学 会 分 析 用 户 所 在 的 行业 。 行 业 是 用 户 
和 产品 所 处 的 大 环境 。 

”充分 利用 资源 : 产品 内 部 有 很 多 分 散 的 、 无 结论 的 信息 没有 被 很 好 地 利用 ,如 目标 
用 户 的 反馈 和 用 户 行为 等 ,这 些 数据 都 是 很 好 的 参考 资料 。 
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3) 绘制 网 站 原型 

根据 用 户 需 求 分 析 ,规划 出 网 站 的 内 容 板块 草图 (网 站 草图 )。 当 然 进行 网 站 推广 应 该 
还 要 根据 搜索 引擎 的 抓 取 习惯 去 布置 自己 的 网 站 板块 。 使 用 Axure RP 7. 0 等 原型 绘制 工 
具 规划 出 网 站 内 容 板块 草图 以 及 交互 效果 。 

4) 系统 整理 所 需 资 料 

需求 分 析 后 ,除了 绘制 网 站 原型 以 外 ,还 有 一 项 重要 的 工作 就 是 收集 、 整 理 建 设 网 站 
所 需 的 资料 。 网 站 的 前 期 工作 需要 围绕 网 站 目标 来 进行 。 例 如 ,网 站 的 架构 ,网 站 的 功 
能 ,网 站 所 需 的 Logo、 文 字 、 动 画 、 视 频 等 资料 。 分 类 整理 ,仔细 检查 ,确保 建站 的 原始 数 
据 准确 。 

5) 确定 网 站 布局 和 风格 

网 站 风格 是 指 网 站 页 面 设计 上 的 视 党 元 素 组 合 在 一 起 的 整体 形象 ,展现 给 人 的 直观 感 
受 。 这 个 整体 形象 包括 网 站 的 配色 、 字 体 、 页 面 布局 ,页 面 内 容 、 交 互 性 、 海 报 、 宣 传 语 等 因 
素 。 网 站 风格 一 般 与 企业 的 整体 形象 相 一 致 ,如 企业 的 整体 色调 、 企 业 的 行业 性 质 、 企 业 文 
化 、 提 供 的 相关 产品 或 服务 特点 都 应 该 能 在 网 站 的 风格 中 得 到 体现 。 网 站 风格 最 能 传递 企 
业 文 化 信息 ,所 以 说 好 的 网 站 风格 不 仅 能 帮助 客户 认识 和 了 解 网 站 背后 的 企业 ,也 能 帮助 企 
业 树 立 别具一格 的 形象 。 独 特 的 网 站 风格 ,直接 在 自身 网 站 和 所 处 行业 的 其 他 网 站 之 间 营 
造 出 一 种 清晰 的 辨识 度 。 随 着 互联 网 影响 力 的 不 断 提升 ,网 站 成 了 企业 让 客户 了 解 自身 的 
最 直接 的 一 个 门户 。 通 过 自身 网 站 的 辨识 度 ,在 众多 网 站 中 脱颖而出 ,可 迅速 帮助 企业 树立 
品牌 ,提升 企业 形象 。 

将 网 站 原型 给 设计 人 员 , 由 设计 人 员 制 作 网 站 的 效果 图 。 设 计 人 员 在 根据 原型 图 设 
计 网 站 效果 时 ,还 需要 确定 网 站 的 布局 .风格 等 内 容 。 这 需要 设计 人 员 进 行 综合 考虑 , 例 
如 网 站 所 在 行业 的 特色 、 网 站 目标 人 群 的 特点 、 建 站 技术 人 员 的 经 验 、 网 站 美工 的 经 

6) 网 站 开发 

根据 页 面 结构 和 设计 ,前 端 和 后 台 可 以 同时 进行 。 前 端 : 根据 美工 效果 负责 制作 静态 
页 面 。 后台: 根据 其 页 面 结构 和 设计 ,设计 数据 库 , 并 开发 网 站 后 台 。 这 部 分 工作 主要 由 网 
站 程序 员 去 实现 ,根据 客户 的 需求 ,考虑 多 方 因素 (如 速度 、 安 全、 负载 能 力 、 运 营 成 本 ) ,选择 
合适 的 网 站 编程 语言 和 数据 库 。 

7) 网 站 上 线 测试 

在 本 地 搭建 服务 器 ,测试 网 站 有 没有 Bug。 若 无 Bug, 可 以 将 网 站 打包 ,使 用 FTP 上 传 
至 网 站 空间 或 者 服务 器 。 将 网 站 全 部 上 传 到 服务 器 ,然后 由 各 方 人 员 来 测试 网 站 ,其 中 包括 
建站 技术 人 员 、 网 站 需求 方 、 网 站 客户 方 等 。 发 现 问题 并 记录 问题 ,直至 网 站 各 方面 的 细节 
都 已 经 完善 。 

8) 网 站 推广 

为 了 让 潜在 客户 找到 网 站 ,建站 者 必须 在 网 页 搜索 引擎 中 加 入 自己 公司 的 名 称 或 者 关 
键 词 。 如 果 网 站 刚刚 建成 ,搜索 引擎 要 找到 你 的 公司 可 能 需要 一 段 时 间 。 这 个 时 候 就 需要 
专业 的 网 络 推广 团队 去 优化 推广 。 当然 ,后 续 还 要 进行 网 站 维护 ,包括 网 站 开发 制作 完成 后 
经 测试 出 现 的 程序 Bug 和 页 面 问题 .修改 文字 修改 图 片 、 修 改 Logo、 修 改 后 台 管 理 账号 、 修 
改 文本 颜色 、 修 改 Banner 等 。 
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一 、 实 训 题 


1. 规划 和 设计 小 型 企业 的 通用 布局 结构 。 

2. 设计 一 个 小 型 企业 门户 网 站 ,包含 3 一 5 个 栏目 ,如 产品 客户 和 联系 我 们 等 栏目 ,并 
且 有 的 栏目 甚至 只 包含 一 个 页 面 。 此 类 网 站 通常 都 是 为 了 展示 公司 形象 ,说 明 公 司 的 业务 
范围 和 产品 特色 等 。 


二 、 练 习题 
1. 选择 题 
(D HTML5 之 前 的 HTML 版 本 是 ( )。 

A. HTML 4.01 B. HTML 4 

C. HTML 4.1 D. HTML 4.9 
(2) f£ HTML»? 中 不 再 支持 < script > 元 素 ( ) 属 性 。 

A. rel B. href C. type D. src 
G) 最 常用 的 网 页 制作 软件 是 ( D. 

A. Word B. Photoshop C. ASP. NET D. Dreamweaver 
CD 超 链接 的 HTML 源 代码 标记 为 ( )。 

A. <a></a> B. href C. type D. src 


(5) 关于 HTML5 的 说 法 正确 的 是 ( ss: 
A. HTML5 只 是 对 HTMLA 的 一 个 简单 升级 
B. 所 有 主流 浏览 器 都 支持 HTML5 
C. HTML5 新 增 了 离线 缓存 机 制 
D. HTML5 主要 是 针对 移动 端 进行 了 优化 
2. 填空 题 
CD 标题 字 标签 中 字号 最 大 和 最 小 的 标签 分 别 是 A 
(2) 代码 < a href—"Ixl. html"> 单 击 进入 首页 </a > 中 ,< a > 标签 的 作用 是 š 
"Ixl. html" 使 用 的 地 址 为 á 





(3) 最 常见 的 CSS 选择 器 是 元 素 选择 器 。 换 句 话 说 ,文档 的 就 是 最 基本 的 选择 器 。 

COD 为 了 将 类 选择 器 与 元 素 关联 ,必须 将 属性 指定 一 个 适当 的 值 。 

(5) 相 邻 兄弟 元 素 选 择 器 可 选择 紧 接 在 另 一 元 素 后 的 元 素 , 且 二 者 有 相同 , 相 
邻 兄弟 元 素 选择 器 使 用 ”作为 结合 符 。 

3. 简 答题 


(1) 哪些 浏览 器 支持 HTML5? 

(2) 绝对 路 径 、 相 对 路 径 和 根 路 径 的 区 别 是 什么 ? 
(3) CSS 中 的 ID 选择 器 和 类 选择 器 有 什么 区 别 ? 
(4) 请 解释 CSS 的 盒子 模型 。 

(5) CSS3 有 哪些 新 特性 ? 


ASP.NET 动 态 网 站 建设 基础 
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1. 了 解 网 页 的 类 型 及 各 类 型 区 别 ; 

2. 了 解 JavaScript 的 基础 知识 ; 

3. 掌握 C# 语 言 常见 概念 和 基础 语法 ; 
4. EJE ASP.NET 的 常用 对 象 ; 

5. 掌握 ASP.NET 的 常用 控件 。 





_ 项 目 任务 | 


* 任务 1 浏览 淘宝 网 并 识别 站 点 内 各 个 网 页 的 类 型 

本 任务 的 目标 是 在 浏览 大 型 电子 商务 网 站 过 程 中 ,通过 对 网 页 URL 扩展 名 或 其 他 网 
页 特征 等 判断 出 各 网 页 所 属 类 型 ,从 而 在 实践 中 掌握 不 同 网 页 类 型 的 区 分 方法 。 

* 任务 2 编写 JavaScript 程序 并 运行 

本 任务 的 目标 是 通过 在 Visual Studio 2010 中 成 功 运行 一 个 JavaScript 小 程序 ,了 解 
JavaScript 的 运用 步骤 。 

* 任务 3 Æ Visual Studio 2010 中 运行 C# 程 序 

本 任务 的 目标 是 通过 运行 C# 程 序 和 分 析 C# 代 码 , 掌 担 C# 语 言 的 基本 结构 ,并 了 解 
在 Visual Studio 2010 中 CH# 代 码 的 嵌入 形式 。 

* 任务 4 使 用 Request 对 象 获取 表单 数据 ,并 利用 Response 对 象 进行 数据 显示 

本 任务 的 目标 是 通过 运行 一 个 数据 获取 与 传输 的 案例 ,了 解 ASP.NET 内 置 对 象 的 作用 。 

。 任 务 5 在 Visual Studio 2010 中 完成 注册 页 面 的 布局 

本 任务 的 目标 是 通过 完成 一 个 注册 页 面 ,掌握 工具 箱 中 几 种 常见 控件 的 拖 放 ,并 了 解 各 
控件 的 表现 形式 和 作用 。 


任务 1 浏览 淘宝 网 并 识别 站 点 内 各 个 网 页 的 类 型 


一 、 任 务实 现 


CD 打开 浏览 器 ,在 地 址 栏 中 输入 https://www. taobao. com/index. php, 如 图 5. 1 
所 示 。 
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图 5.1 淘宝 网 


通过 对 地 址 栏 URL 进行 分 析 可 以 发 现 , 该 站 点 首页 index. php 的 扩展 名 为 . php, 根 据 
前 面 所 学 知识 我 们 知道 PHP 是 一 门 开发 动态 网 站 的 脚本 语言 ,PHP 文件 的 扩展 名 便 是 . php. 
因此 ,我 们 判断 出 具有 该 扩展 名 的 网 页 为 动态 网 页 。 

(2) 单 击 淘宝 网 首页 左上 角 的 “免费 注册 ”, 进 入 注册 页 面 ,如 图 5.2 Bros. 
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图 5.2 淘宝 网 注册 页 面 


通过 对 图 5. 2 的 URL 进行 分 析 可 看 出 该 页 面 所 属 域名 为 www. taobao. com, RI X 
件 名 为 fill mobile. htm, 因 此 该 网 页 的 扩展 名 为 . htm, 该 页 面 属 于 静态 网 页 。 


二 、 知 识 学 习 
1. 网 页 类 型 


根据 网 页 制作 时 所 采用 的 语言 来 划分 ,网 页 的 类 型 可 分 为 静态 网 页 和 动态 网 页 。 
CD 静态 网 页 最 常见 的 是 采用 HTML( 超 文本 标记 语言 ) 来 制作 ,扩展 名 一 般 为 . htm, 
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.html, shtml 等 。 静 态 网 页 是 网 站 建设 的 基石 ,其 内 容 是 预先 制定 上 且 不 会 变化 的 ,可 存储 
于 Web 服务 器 或 本 地 计算 机 上 。 
(2) 动态 网 页 以 数据 库 技术 为 依托 ,除了 使 用 HTML 外 ,一 般 要 采用 一 门 动态 网 站 开 
发 语言 或 技术 ,如 PHP, ASP, ASP. NET 等 ,根据 采用 技术 的 不 同 ,扩展 名 可 为 . php. 
.asp..aspx 等 。 与 静态 网 页 不 同 , 动 态 网 页 将 会 随 着 用 户 的 不 同 ,或 同一 用 户 的 不 同行 为 
(如 用 户 提供 的 参数 或 用 户 与 页 面 的 交互 动作 等 ) 产 生 不 同 的 页 面 内 容 。 
因此 ,在 区 分 网 页 类 型 时 ,最 直观 的 方式 是 直接 分 析 网 页 文件 扩展 名 。 但 事实 上 ,由 于 
某 些 站 点 的 特殊 需求 ,有 时 会 把 动态 网 页 进行 伪 静 态 化 处 理 ,此 时 虽然 网 页 文件 扩展 名 仍然 
Æ. html, 但 是 实际 上 该 网 页 是 动态 网 页 。 另 外 ,我 们 也 常 发 现 有 的 站 点 隐藏 了 网 页 文件 名 。 
天 猫 站 点 网 页 如 图 5.3 所 示 , 此 时 , 仅 通 过 扩展 名 进行 类 型 判断 就 显得 过 于 片面 ,这 时 可 以 


通过 判断 该 页 面 是 否 采用 数据 库 技术 、 是 否 能 对 用 户 行为 产生 不 同 的 反馈 内 容 等 方式 进行 
页 面 类 型 区 分 。 
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图 5.3 天 猫 站 点 网 页 
2. 两 种 网 页 适用 场景 


静态 网 页 和 动态 网 页 具有 不 同 的 特点 ,而 它们 之 间 的 区 别 又 决定 了 其 所 适用 的 场景 。 
1) 静态 网 页 的 特点 


。 静态 网 页 以 . htm、. html、. shtml、. xml 等 为 扩展 名 。 
。 静态 网 页 更 容易 被 搜索 引擎 检索 到 。 


。 静态 网 页 未 采用 数据 库 技术 ,在 网 页 维护 方面 代价 较 大 ,交互 性 也 较 弱 ,在 功能 丰富 
性 上 存在 较 大 的 限制 。 
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2) 动态 网 页 的 特点 
* 动态 网 页 文件 的 扩展 名 根据 其 所 采用 的 动态 网 站 开发 技术 的 不 同 可 能 为 . php、. asp, 
.aspx、. jsp 等 。 
。 搜索 引擎 较 难 从 一 个 动态 网 站 的 数据 库 中 访问 全 部 网 页 ,因此 采用 动态 网 页 的 网 站 
在 进行 搜索 引擎 推广 时 需要 做 一 定 的 伪 静 态 化 处 理 才 能 适应 搜索 引擎 的 要 求 。 
° 动态 网 页 因为 有 数据 库 的 支持 ,不 仅 可 以 降低 网 站 维护 的 工作 量 , 而 且 可 以 实现 诸 
如 注册 登录 ,订单 管理 等 较为 丰富 的 功能 。 
综合 以 上 特点 ,一 个 网 站 是 采用 动态 网 页 还 是 静态 网 页 主要 取决 于 网 站 的 功能 需求 和 
维护 代价 。 如 果 网 站 功能 比较 简单 ,内 容 更 新 量 不 是 很 大 ,采用 纯 静 态 网 页 的 方式 会 更 简 
单 , 反 之 ,一 般 要 采用 动态 网 页 技术 来 实现 。 但 动静 态 网 页 间 也 并 不 互 斥 ,在 同一 个 网 站 上 ， 
动态 网 页 内 容 和 静态 网 页 内 容 同 时 存在 也 是 很 常见 的 事情 ,同时 ,为 了 使 网 站 适应 搜索 引擎 
检索 的 需要 ,即使 采用 动态 网 站 技术 ,也 可 以 将 网 页 内 容 转化 为 静态 网 页 发 布 。 


Gi 2 4&5 JavaScript 程序 并 运行 


一 、 任 务实 现 


(1) 打开 Visual Studio 2010 ,新 建 一 个 aspx 页 面 ,并 从 工具 箱 中 的 html 选项 中 拖 动 按 
钮 控件 到 页 面 上 。 含 有 按钮 控件 的 aspx 页 面 如 图 5.4 所 示 。 


Gojore sm! Am 





图 5.4 含有 按钮 控件 的 aspx 页 面 


(2) 双击 页 面 上 的 按钮 控件 ,此 时 页 面 自动 跳 转 到 源 代码 视图 ,如 图 5.5 所 示 。 

G) 把 下 述 代 码 输入 到 图 5. 5 的 Button1_onclick() 函 数 中 ,运行 代码 后 , 单 击 button 
按钮 ,实现 了 如 图 5.6 所 示 的 效果 。 

var Ele body = document. getElementsByTagName( 'body')[0]; 


Ele body. style. backgroundColor = 'red'; 
alert(' 背 景 颜色 已 改变 '); 
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图 5.5 源 代码 视图 
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图 5.6 案例 效果 图 


二 、 知 识 学 习 

1. 初 识 JavaScript 

JavaScript 语言 是 世界 上 最 流行 的 程序 语言 之 一 ,作为 一 种 轻 量 级 的 编程 语言 , 它 在 
Web 领域 的 应 用 越 来 越 多 ,并 且 具 有 良好 的 设备 兼容 性 ,目前 已 被 广泛 应 用 于 服务 器 、 笔 记 
本 电脑 .平板 电脑 和 智能 手机 等 设备 。 


项 目 五 ”ASP.NET 动 态 网 站 建设 基础 129) 


FJ C 语言 相似 ,JavaScript 语言 也 有 它 自身 的 基本 数据 类 型 .表达 式 和 算术 运算 符 等 。 
需要 注意 的 是 , 它 是 一 种 弱 类 型 的 脚本 语言 ,在 进行 变量 声明 时 无 须 指定 该 变量 的 数据 
类 型 。 在 运用 上 ,JavaScript 语言 最 常见 于 网 页 制作 中 , 它 常 常 被 用 来 为 网 页 增强 动态 效 
果 , 提 升 网 页 的 交互 能 力 , 它 的 跨 平台 性 使 JavaScript 脚本 可 以 在 任意 的 机 器 上 进行 使 
用 ,只 要 该 机 器 上 有 支持 JavaScript 脚本 的 浏览 器 ,这 为 它 的 流行 起 到 了 至 关 重 要 的 
作用 。 


2. JavaScript 的 用 法 


JavaScript 语言 在 HTML 中 的 使 用 方式 最 常见 的 有 以 下 3 种 。 
CD ARF HTML 的 标记 中 。 如 : 


<a href = "javascript: history. back()"> link </a> 
(2) 把 JavaScript 脚本 放 在 < script > 与 </script > 标签 之 间 。 如 : 


<html> 
< head> JavaScript 演示 </head> 
< body> 
«script» 
document. write("« hl > 这 是 一 个 标题 </hl >"); 
</script> 
</body> 
</html> 
(3) 最 后 一 种 则 是 利用 外 部 文件 引入 JavaScript. BI! JavaScript 脚本 保存 于 单独 的 . js 
文件 中 ,而 后 在 HTML 中 用 < script > </script > 标签 对 把 外 部 JavaScript 文件 引入 ,并 在 
< script > 标签 的 sre 属性 中 设置 该 .js 脚本 文件 的 来 源 地 址 。 例 如 ,要 在 某 HTML 文档 中 
引入 同 层 目录 下 的 一 个 .js 脚本 文件 ,假设 脚本 文件 名 为 myScript. js, 则 可 在 HTML 文档 
中 书写 ; 


< script src = "myScript. js" type = "text/javascript"></script > 


需要 注意 的 是 ,虽然 以 上 几 种 用 法 都 是 正确 的 ,但 本 书 还 是 推荐 读者 使 用 外 部 文件 的 方 
式 引 入 JavaScript, 采 用 这 种 方式 不 仅 使 代码 更 清晰 、 简 洁 , 而 且 对 后 期 代码 维护 ,安全 性 以 
及 提高 浏览 速度 都 有 较 大 的 好 处 。 


3. JavaScript 基本 语法 


1) JavaScript 常量 

常量 是 指 自始至终 其 值 不 能 被 改变 的 数据 。 在 JavaScript 中 ,常量 类 型 主要 包括 字符 
串 常 量 .数值 常量 ,布尔 常量 .null 和 undefined 等 。 同 其 他 强 类 型 语言 不 同 的 是 , 它 不 具备 
利用 const 修饰 符 将 变量 定义 为 常量 的 能 力 。 

2) JavaScript 变量 

在 编程 语言 中 ,变量 用 于 存储 数据 值 。JavaScript 作为 一 门 弱 类 型 语言 ,不 采用 int, 
float 等 修饰 符 ,而 是 使 用 关键 字 var 来 定义 变量 。 如 : 
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var 变量 名 ; 
var 变量 名 = 值 ; 
3) 字母 大 小 写 
JavaScript 对 大 小 写 是 敏感 的 。 当 编写 JavaScript 语句 时 ,函数 getElementById( ) 与 
getElementByID() 是 不 同 的 ,同样 ,变量 username 与 UserName 也 是 不 同 的 。 
4) 注释 形式 
JavaScript 的 注释 形式 与 C 语言 类 似 , 存 在 单行 注释 和 多 行 注释 两 种 形式 。 其 中 ,单行 
注释 的 符号 为 // ,多 行 注释 的 符号 为 / ** /。 如 : 
«script» 
j% 
此 处 为 多 行 注释 内 容 
此 处 为 多 行 注释 内 容 
*/ 
var length = 16; // 定 义 变量 并 赋值 ,此 处 为 单行 注释 


</script> 

4. JavaScript 数据 类 型 

1) 字符 串 型 

在 JavaScript 中 ,字符 串 数据 是 用 引号 引起 来 的 文本 字符 串 , 例 如 ,你 好 "或 "123 "等 。 
在 定义 字符 串 变量 时 无 须 指定 类 型 ,只 需 如 下 定义 即 可 。 

var hello = "你 好 "; 


2) 数值 型 

JavaScript 中 用 于 表示 数字 的 类 型 称 为 数值 型 。 如 果 数 据 是 十 进 制 , 则 既 可 以 用 普通 
计数 法 ,如 10,10. 1 等 ,也 可 用 科学 计数 法 ,如 3E7、0. 3e7 等 。 当 然 , 除 了 十 进 制 ,数值 型 数 
据 还 可 以 用 十 六 进 制 表示 (以 0X 开头 ) 或 者 用 八进制 表示 (以 0 开头 ) 。 

3) 布尔 型 数据 

布尔 (逻辑 ) 型 数据 只 能 有 两 个 值 : true 或 false。 其 中 ,true 代表 真 值 ; false 代表 假 值 。 
布尔 型 数据 通常 用 来 表示 某 个 条 件 是 否 成 立 ,定义 一 个 布尔 变量 的 形式 如 下 。 


var b = true // 定 义 b 为 真 值 

4) 复合 数据 类 型 

上 面 提 到 的 3 种 类 型 都 是 JavaScript 的 基本 数据 类 型 , 除 此 以 外 ,JavaScript 还 拥有 数 
组 、 对 象 等 复合 数据 类 型 。 


5. JavaScript 输出 语句 


JavaScript 可 以 通过 不 同 的 方式 来 输出 数据 ,例如 : 

。 使 用 window. alert() 弹 出 警告 框 ; 

* 使 用 document. write() 将 内 容 写 到 HTML 文档 中 ; 

* {HJH innerHTML z& innerText 写 入 元 素 到 HTML 文档 中 ; 
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° 使 用 console. log OY Pj E55 A Sj Vi ss BJ il 63 , 
6. 获取 元 素 


在 JavaScript 程序 设计 中 ,经常 要 获取 一 些 指定 的 HTML 元 素 进行 程序 处 理 ,此 时 便 
需要 通过 一 些 获取 元 素 的 语句 来 实现 这 个 功能 。 在 JavaScript 中 ,获取 元 素 主 要 是 通过 以 
下 3 种 途径 。 

1) 通过 元 素 id 获取 元 素 

假设 有 一 个 欲 获取 的 元 素 ,其 id 属性 值 为 elel ,此 时 可 以 通过 以 下 代码 获取 该 元 素 并 
返回 该 元 素 对 象 的 引用 给 一 个 JavaScript 变量 ele; 


var ele = document.getElementById('elel'); 


2) 通过 元 素 name 属性 获取 元 素 
假设 要 获取 name 属性 值 为 user 的 元 素 对 象 ,此 时 ,可 通过 以 下 代码 获取 元 素 引用 : 


var eles = document. getElementsByName( 'user'); 


3) 通过 元 素 标签 名 获取 元 素 
如 要 获取 本 文档 下 所 有 的 input 标签 ,此 时 ,可 通过 如 下 代码 实现 : 


var in eles = document. getElementsByTagName( 'input'); 
值得 一 提 的 是 ,通过 后 两 种 方法 获得 的 是 指定 对 象 的 集合 ,此 时 , 若 要 访问 集合 中 的 单 
个 元 素 对象 , 需 通过 下 标 进行 访问 ,如 要 访问 第 一 个 input 标签 , 需 写 为 ; 


in eles[0] 


7. 操作 元 素 


在 JavaScript 中 ,除了 提供 获取 元 素 的 语句 外 ,还 允许 开发 者 对 网 页 文档 元 素 进 行 操 
作 , 这 通常 包含 了 对 元 素 属 性 和 CSS 样式 进行 获取 和 设置 。 

在 元 素 操作 中 ,对 属性 的 设置 是 比较 常见 的 .如 有 一 id 为 txtl 的 文本 框 , 此 时 ,通过 前 
面 的 知识 点 我 们 知道 ,只 要 执行 语句 var ele = document. getElementByld( 'txt1 ') J + 2E ht 
ele 将 获得 该 文本 框 的 引用 。 在 此 之 后 ,假设 要 设置 该 元 素 的 value 属性 值 ,只 需 通过 如 下 
RE: 


ele. value = "new value"; 


除 此 以 外 ,对 元 素 的 CSS 样式 进行 设置 也 是 频繁 出 现在 JavaScript 程序 中 的 ,例如 希 
望 改变 上 述 文本 框 的 字体 颜色 , 则 可 以 书写 为 : 


ele.style.color = "red"; 


由 于 篇 幅 所 限 ,更 多 属性 和 样式 的 更 改 不 再 一 一 举例 ,读者 可 自行 查阅 相关 书籍 。 





8. JavaScript 事件 
在 JavaScript 中 ,事件 指 一 些 特定 的 动作 。 可 以 使 用 JavaScript 程序 来 响应 这 些 动作 ， 
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例如 响应 单 击 、 双 击 事件 等 。 
在 以 下 实例 中 ,按钮 元 素 添 加 了 onclick 属性 ( 单 击 事件 ) ,并 编写 了 该 事件 发 生 时 的 响 
应 方式 (弹出 对 话 框 并 显示 “你 好 ”) ,其 实现 的 网 页 效果 如 图 5.7 所 示 。 


< button onclick = "window. alert( ' 你 好 ')"> 单 击 </button> 
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图 5.7 JavaScript 弹 窗 效 果 图 
JavaScript 还 有 很 多 诸如 此 类 的 事件 , 表 5.1 列 出 一 些 常见 的 事件 , 供 读者 参考 查阅 。 
表 5.1 常见 的 JavaScript 事件 





事 件 di 述 
onclick 当 用 户 单 击 某 个 对 象 时 调用 的 事件 
onload 一 个 页 面 完成 加 载 时 触发 
onmousedown 鼠标 按钮 被 按 下 
onmousemove 鼠标 被 移动 
onmouseover 鼠标 移 到 某 元 素 之 上 
onmouseout 鼠标 从 某 元 素 移 开 
onmouseup 鼠标 按键 被 松 开 
onkeydown 某 个 键盘 按键 被 按 下 
onkeypress 某 个 键盘 按键 被 按 下 并 松 开 
onkeyup 某 个 键盘 按键 被 松 开 
onblur 元 素 失 去 焦点 时 触发 
onchange 表单 元 素 的 内 容 改变 时 触发 
onfocus 元 素 获 取 焦 点 时 触发 


onsubmit 表单 提交 时 和 触发 
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E% 3 Æ Visual Studio 2010 中 运行 C# 程序 


一 、 任 务实 现 


(1) 运行 Microsoft Visual Studio 软件 ,新 建 一 网 页 文档 ,并 从 工具 箱 的 “标准 ”选项 卡 
中 拖 动 按钮 控件 到 页 面 上 。 新 建 网 页 文档 界面 如 图 5.8 所 示 。 





Geom | am | GEE eco ome 














图 5.8 新 建 网 页 文档 界面 


(2) 双击 button 按钮 控件 ,软件 自动 打开 并 跳 转 到 相应 的 . cs( 代 码 隐 藏 文件 ) 页 面 中 ， 
如 图 5.9 所 示 。 
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图 5.9 代码 隐藏 文件 
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(3) 以 求 1 一 100 的 奇数 和 为 例 ,把 以 下 代码 输入 到 Button1_ClickQ 〇 方法 中 : 


int sum= 0; 
for (int i = 1;i<= 100; i++) // 循 环 1—100 
{ 
if (i % 2!= 0) // 判 断 当前 数 是 不 是 奇数 
( 
Sum += i; // 是 的 话 累加 到 sum 


) 
J 
Response. Write( sum); 


(4) 运行 该 网 页 并 单 击 Button 按钮 ,效果 如 图 5. 10 所 示 , 
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5.10 案例 效果 图 


二 、 知 识 学 习 


C# 是 .NET 平台 为 应 用 开发 而 全 新 设计 的 一 种 面向 对 象 编程 语言 ,现在 已 经 越 来 越 
频繁 地 应 用 在 Windows 开发 中 ,而 它 作为 ASP .NET 的 编程 脚本 语言 ,更 是 广为人知 。 本 
节 将 带领 读者 从 最 基本 的 语法 学 习 开始 ,熟练 掌握 CH 的 运用 。 


1. 常量 和 变量 

在 进行 程序 设计 时 ,程序 中 有 一 些 量 的 值 是 始终 保持 不 变 的 , 称 为 常量 。 而 有 些 在 程序 
运行 过 程 中 值 是 可 以 被 改变 的 , 则 称 为 变量 。 

1) 常量 

在 C# 中 ,为 了 用 易于 理解 的 名 称 替 代 含 义 不 明 确 的 数字 或 字符 串 , 使 程序 更 易于 阅 
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读 , 常 量 也 可 以 通过 const 关键 字 来 定义 。 其 格式 如 下 : 
const 数据 类 型 常量 名 = 常量 值 ; 


如 上 所 示 ,const 关键 字 用 于 声明 一 个 常量 ,常量 名 即 是 标识 符 。 在 实际 应 用 中 ,常量 名 既 
要 符合 标识 符 命名 规则 ,也 要 有 代表 含义 ,同时 常量 的 值 必 须 和 常量 名 的 数据 类 型 保持 一 致 。 

2) 变量 

变量 通常 用 来 记录 运算 的 中 间 结 果 或 保存 数据 , 它 是 一 个 存储 单元 。 在 C# 中 ,每 个 变 
量 都 有 一 个 固定 的 类 型 ,创建 变量 即 是 创建 该 类 型 的 实例 。 其 创建 变量 的 格式 如 下 : 

类 型 ”变量 名 ; 

类 型 ”变量 名 = 值 ; 

变量 名 是 大 小 写 敏 感 的 , 它 必 须 由 字母 ,数字 或 下 画 线 构成 , 且 不 以 数字 开头 ,另外 ,还 
要 注意 变量 名 不 能 与 C# 的 关键 字 一 致 。 在 一 个 变量 声明 里 ,可 以 同时 声明 多 个 变量 。 如 
以 下 变量 声明 都 是 正确 的 : 

int x; 

nb x, y; 

float price = 10.3 , size = 3.5; 


2. 运算 符 
运算 符 是 构造 表达 式 的 工具 , 它 指明 了 操作 数 应 该 进行 何 种 运算 ,因此 ,表达 式 也 就 是 


利用 运算 符 和 操作 数 来 执行 某 些 计算 的 语句 。 在 C# 中 ,基本 的 运算 符 包括 算术 运算 符 、 关 
mue SERE GE bs TETTE, UEZ SERERE PES TERES 





D 算术 运算 符 
算术 运算 符 主 要 用 来 对 整 型 或 者 浮 点 型 的 操作 数 进行 运算 ,如 表 5. 2 所 示 。 
表 5.2 算术 运算 符 
运算 符 含义 备 È 
十 加 可 运用 于 操作 数 的 加 法 运算 
一 减 可 运用 于 操作 数 的 减法 运算 
* 乘 可 运用 于 操作 数 的 乘法 运算 
/ 除 可 运用 于 除法 运算 , 当 其 作用 的 两 个 操作 数 都 是 整 型 数据 时 ,其 计 
算 结果 也 一 定 是 整 弄 
% 取 模 可 用 于 取 模 运算 , 即 获得 整数 除法 运算 的 余数 
++ 递增 一 元 运算 符 , 作 用 的 操作 数 必须 是 变量 ,将 导致 操作 数 自 增 1 


=== 递减 一 元 运算 符 , 作 用 的 操作 数 必须 是 变量 ,将 导致 操作 数 自 减 1 


其 中 ,递增 (递减 ) 运 算 符 既 可 以 放 在 操作 数 前 面 也 可 以 放 在 操作 数 后 面 ,两 者 导致 的 运 
算 结果 对 操作 数 本 身 来 说 并 无 差异 ,都 将 导致 操作 数 自 增 1( 自 减 1) ,但 若是 在 表达 式 运 算 
中 ,两 者 将 导致 表达 式 出 现 不 同 的 结果 。 例 如 : 

int x,y; 


x=1;y=x++; //x 的 值 为 2,y 的 值 为 1 
x-iy-ii //xy 的 值 都 为 2 
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2) 关系 运算 符 
关系 运算 符 用 来 比较 两 个 操作 数 的 值 ,运算 结果 将 返回 true 或 false, 如 表 5. 3 所 示 。 


R53 关系 运算 符 





运算 符 含义 备 È 
> EF 车 有 一 表达 式 x>y, 当 x 的 值 大 于 y 的 值 时 ,表达 式 结果 为 true, 
否则 为 false 
>= 大 于 或 等 于 车 有 一 表达 式 x>= y, x 的 值 大 于 或 等 于 y 的 值 时 ,表达 式 结果 
为 true, 否 则 为 false 
小 于 车 有 一 表达 式 x<y, 当 x 的 值 小 于 y 的 值 时 ,表达 式 结果 为 true, 
否则 为 false 
<= 小 于 或 等 于 BARER x <=y, x 的 值 小 于 或 等 于 y 的 值 时 ,表达 式 结果 
为 true, 否 则 为 false 
== 相等 若 有 一 表达 式 x— — y, x 的 值 等 于 y 的 值 时 ,表达 式 结果 为 
true, 否 则 为 false 
= 不 相等 若 有 一 表达 式 x1— y C4 x.y 的 值 不 相等 时 ,表达 式 结果 为 true, 否 
则 为 false 
3) 逻辑 运算 符 


逻辑 运算 符 可 用 于 对 两 个 布尔 类 型 的 操作 数 进行 运算 ,其 运算 结果 和 关系 运算 符 一 样 
也 是 布尔 类 型 。 逻 辑 运算 符 如 表 5.4 所 示 。 





表 5.4 逻辑 运算 符 
运算 符 含义 备 È 
&& 与 二 元 运算 符 , 当 且 仅 当 两 个 操作 数 都 为 true 时 ,返回 的 表达 式 结果 为 true 
lI 或 二 元 运算 符 , 当 且 仅 当 两 个 操作 数 都 为 false 时 ,返回 的 表达 式 结果 为 false 
! 非 一 元 运算 符 , 当 操作 数 为 true 时 ,返回 false; 当 操作 数 为 false 时 ,返回 true 


其 中 ,&.& 和 | | 在 运算 过 程 中 ,如 果 计 算 前 面 的 操作 数 时 就 能 得 到 运算 结果 , 便 不 会 再 
计算 后 面 的 操作 数 , 这 一 个 特点 也 称 为 短路 。 短 路 特征 虽然 使 运算 效率 更 高 ,但 也 迫使 开发 
者 要 特别 注意 这 一 个 特性 ,以 免得 到 意 想不到 的 结果 。 例 如 : 

int x=1,y=1; 

bool z; 

z = (x< 0)&&(y++> 0); //z 的 值 为 false,y 的 值 为 1 

在 运算 过 程 中 ,&& 前 面 的 操作 数 x 二 0 将 返回 false, MIER 5.4 所 示 ,&& 运算 符 必 
须 当 两 个 操作 数 都 为 true 时 , 才 会 返回 true, 因 此 在 无 须 计 算 后 一 个 操作 数 的 情况 下 ,z 已 
经 可 以 得 出 结果 ( 即 false) ,此 时 ,根据 短路 特性 ,“y 十 十 > 0 并 不 再 执行 ,因而 y 保持 其 为 1 
的 初始 值 。 

4) 赋值 运算 符 

在 C# 中 ,赋值 运算 符 为 =, 运 算 符 前 的 数据 称 为 左 值 ,运算 符 后 的 数据 称 为 右 值 ,其 
中 , 左 值 必须 是 一 个 已 定义 的 变量 或 对 象 , 右 值 则 可 以 是 常量 .变量 或 表达 式 ,赋值 运算 符 的 
作用 就 是 将 右 值 存放 到 左 值 中 。 例 如 : 
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intx = 1; // 把 右 值 1 赋值 给 x 

inty = x; // 把 右 值 x( 值 为 1) 赋值 给 Y, 因 此 Y 也 为 1 
C# 的 赋值 运算 符 除了 二 外 ,也 具备 复合 赋值 运算 符 ,如 十 二 、 一 二 、* 二 、/ 二 等 。 

5) 条 件 运 算 符 

条 件 运算 符 是 C# 中 唯一 的 一 个 三 目 运算 符 , 其 语法 格式 如 下 : 


exp1? exp2: exp3; 


其 中 ,表达 式 expl 必须 返回 一 个 布尔 类 型 的 结果 ,该 式 子 首先 计算 exp1, 如 果 返 回 的 
值 是 true, 则 计算 exp2, 并 把 计算 后 的 值 作为 整个 式 子 的 结果 ,否则 执行 exp3, 并 取 exp3 的 
值 作为 最 后 结果 。 


3. 流程 控制 语句 


在 实际 开发 中 ,程序 代码 并 非 一 直 按 从 上 到 下 的 顺序 执行 ,而 是 会 采用 一 些 流程 控制 语 
句 进行 判断 、 循 环 和 跳 转 。 下 面 介绍 的 流程 控制 语句 主要 包括 分 支 语 句 、 循 环 语句 、 跳 转 语 
句 等 。 

D 分 支 语 句 

分 支 语 句 也 称 为 条 件 语句 , 它 能 使 程序 在 执行 时 根据 判断 条 件 是 否 成 立 从 而 选择 不 同 
的 代码 块 进行 执行 。 在 C# 中, 分支 语句 主要 指 if 语句 和 switch 语句。 

CD if ifi], 

证 语句 是 最 常用 的 分 支 语句 ,其 主要 应 用 形式 有 3 种 : if\if*…else M ife else if …else。 

(D 和 形式 的 语法 格式 如 下 : 

if(condition) 

{ 

// 代 码 块 

} 

其 中 ,condition 为 一 个 条 件 表达 式 , 当 condition 返回 true 时 , 则 执行 花 括号 内 的 代码 
块 ,否则 将 跳 过 这 段 代码 块 从 而 执行 后 面 的 程序 或 直接 结束 程序 。 

@ if-else 的 语法 格式 如 下 : 


if(condition) 


( 

// 代 码 块 1 
} 
else 
{ 

// 代 码 块 2 
) 


当 condition 表达 式 返回 true 时 ,执行 代码 块 1. 和 否则 执行 代码 块 2。 
© ii…else 让 …else。 
当 程序 分 支 过 多 时 , 双 分 支 的 if…else 将 不 能 满足 需求 ,此 时 ,采用 if…else if …else 结 
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构 将 是 个 明智 之 举 , 其 语法 格式 如 下 : 


if(conditionl) 

i // 代 码 块 1 
i if(condition2) 
í // 代 码 块 2 

} 


else 
{ 
// 代 码 块 n 

) 

其 执行 流程 是 先 判断 conditionl 表达 式 。 如 果 返 回 true, 执 行 代码 块 1, 而 后 结束 整个 
让 结构 ; 如 果 返 回 false, 则 接着 判断 condition? 表达 式 ,此 时 若 返回 true, 则 执行 代码 块 2, 和 否 
则 接着 判断 下 一 个 条 件 ,以 此 类 推 。 若 庄 中 的 所 有 条 件 都 不 满足 , 则 执行 else 后 的 代码 块 。 

(2) switch if], 

switch 语句 是 一 个 多 分 支 结构 的 语句 ,在 分 支 较 多 的 情况 下 ,该 结构 更 直观 .简洁 。 其 
语法 格式 如 下 : 

switch( 表 达 式 ) 

{ 


case 常量 1: 语句 序列 1;break; 
case 常量 2: 语句 序列 2;break; 


deae. 语句 序列 n; break; 
$ 
其 执行 流程 是 , 先 计 算 括号 内 表达 式 , 而 后 将 结果 值 由 上 到 下 跟 case 后 的 常量 进行 比 
较 , 如 果 找 到 匹配 的 case, 则 执行 相应 case 后 的 语句 序列 ,如 果 没 有 相应 的 case 匹配 , 则 执 
行 default 处 的 语句 序列 n。 此 外 ,在 switch 结构 中 ,执行 语句 序列 后 , 遇 到 break 跳 转 语 
^] ,将 结束 整个 switch 结构 。 
2) 循环 语句 
循环 语句 是 指 在 一 定 的 条 件 下 重复 执行 一 段 代码 。C# 提供 的 循环 语句 有 while, dow 
while, for 和 foreach, 
(1) while 语句 。 
语法 格式 如 下 : 
while( 条 件 表达 式 ) 
{ 
循环 体 语句 ; 
} 
其 执行 流程 是 先 判断 条 件 表达 式 .如 果 表 达 式 为 true, 则 执行 循环 体 语 句 , 循 环 体 语句 
执行 完毕 后 ,将 继续 判断 条 件 表达 式 ,直到 条 件 表达 式 为 false, 才 结束 整个 循环 结构 。 
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(2) do* while 语句 。 
语法 格式 如 下 : 
do 
{ 
循环 体 语句 ; 
}while( 条 件 表达 式 ); 
该 结构 和 while 很 相似 ,区 别 在 于 第 一 次 执行 时 ,do…while 是 先 执行 循环 体 ,再 执行 条 
件 表达 式 的 判断 ,而 后 ,如 果 条 件 表达 式 返 回 true, 则 将 再 次 执行 循环 体 语句 ,直到 条 件 表达 
式 返 回 false。 
(3) for 语句 。 
语法 格式 如 下 : 
for( 表 达 式 1; 表达 式 2; 表达 式 3) 
{ 
循环 体 语句 
J 
该 结构 功能 强大 ,一般 而 言 ,表达 式 1 设置 循环 变量 的 初 值 ; 表达 式 2 是 循环 的 判断 条 
件 ; 表达 式 3 则 控制 循环 变量 的 自 增 或 自 减 。 其 执行 流程 如 图 5. 11 所 示 。 





(4) foreach 语句 。 
foreach 语句 通常 用 来 对 一 个 集合 中 的 各 元 素 进行 遍 - | 
历 , 并 针对 各 元 素 执行 内 嵌 语 句 。 其 语法 格式 为 表达 式 1 











foreach( 类 型 标识 符 in 集 合 ) 


{ false 
循环 语句 ; 








} true 
其 中 ,标识 符 是 迭代 变量 , 它 将 逐个 取得 “集合 ”中 的 循环 体 语句 
所 有 元 素 。 例 如 : 1 
表达 式 3 














int num = 0 ; 
string str = "abacd"; 
foreach(char c in str) 














Y 
{ 
if(c == 'a') 5.11 for 语句 执行 流程 图 
num++; 
) 
Console. WriteLine(num); // 输 出 num 的 值 2 


本 例 是 求 字 符 串 str 有 多 少 个 字符 'a' 的 例子 ,在 foreach 中 ,迭代 变量 c 将 逐个 取得 str 
字符 串 中 的 字符 ,并 判断 其 是 否 与 'a' 匹 配 , 若 匹配 则 计数 变量 num 自 增 1, 直 到 所 有 字符 迭 
代 完 毕 后 ,结束 foreach 结构 。 

3) 跳 转 语句 

(D continue 语句 。 

continue 语句 一 般 用 于 循环 语句 中 , 它 的 作用 是 结束 本 次 循环 ,直接 跳 转 到 循环 判断 条 
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件 , 根 据 判 断 结果 开始 下 一 次 循环 或 结束 循环 结构 。 

(2) break 语句 。 

break 语句 可 用 于 循环 结构 和 switch 结构 中 ,执行 到 break 语句 时 其 所 在 的 循环 结构 
或 switch 结构 也 将 中 止 。 


任务 4 ”使 用 Request 对 象 获取 表单 数据 ,并 利用 
Response 对 象 进行 数据 显示 


一 、 任务 实现 


(1) 打开 Visual Studio 2010 创建 一 个 新 项 目 ,添加 新 页 面 WebForml. aspx 并 在 页 面 
上 创建 文本 “姓名 :”, 创 建 TextBox 文本 框 控件 ,其 中 文本 框 控件 id 修改 为 txtUsername， 
最 后 再 创建 按钮 控件 ,修改 其 显示 文本 为 “提交 ”, 并 设置 id 为 Button1, 如 图 5. 12 所 示 。 
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图 5.12 信息 提交 页 


(2) 双击 “提交 ”按钮 ,进入 隐藏 代码 文件 ,在 Buttonl_Click() 事 件 中 写 入 以 下 代码 , 实 
现 单 击 “ 提 交 ” 跳 转 到 Welcome. aspx 页 面 的 功能 ,同时 ,此 时 的 文本 框 控件 值 将 通过 URL 
传输 到 目标 页 。 


String username = txtUsername. Text; 
Response. Redirect("Welcome. aspx?name = " + username) ; 


(3) 新 建 Welcome. aspx, 通 过 资源 管理 器 打开 本 页 面相 应 的 . cs 文件 ,在 Page_Load() 
方法 中 写 入 以 下 代码 ,实现 当 页 面 加 载 时 接收 URL 中 的 参数 数据 ( 即 用 户 姓 名 ) 并 进行 
输出 。 


String username = Request.QueryString["name"]; // 接 收 name 参数 值 
Response. Write(" 欢 迎 您 :" + username); 
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(4) 运行 WebForml. aspx, 并 在 文本 框 中 输入 john ,如 图 5.13 所 示 。 

















5.13 信息 录入 示例 图 


(5) 单 击 “提交 ”按钮 ,此 时 页 面 将 跳 转 到 Welcome. aspx, 同 时 ,目标 页 面 将 显示 “欢迎 
您 : john” 的 文本 信息 ,如 图 5. 14 所 示 。 
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图 5.14 案例 效果 示例 


二 、 知 识 学 习 


ASP .NET 提供 了 多 个 内 置 对 象 用 于 实现 基本 的 请 求 、 响 应 会话 等 处 理 功 能 。 在 实际 
项 目 中 ,基本 无 法 脱离 这 些 内 置 对 象 而 进行 开发 。 下 面 主要 介绍 在 ASP .NET 中 使 用 较为 
频繁 的 Response 对 象 .Request 对 象 ,Session 对 象 和 Page 对 象 。 


1. Response 对 象 


Response 对 象 主要 用 于 向 浏览 器 发 送 数据 ,是 一 个 能 将 信息 向 页 面 上 进行 输出 的 内 置 
对 象 。Response 对 象 提供 了 很 多 方法 ,此 处 仅 介绍 Write 77 ik , Redirect 方法 和 End 方法 。 
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1) Write 方法 
使 用 Write 方法 能 向 浏览 器 发 送信 息 , 这 个 方法 也 是 Response 对 象 最 常见 的 方法 之 
一 。 例 如 , 若 希 望 向 浏览 器 输出 信息 HELLO WORLD, 可 写 为 : 


Response. Write("HELLO WORLD"); 


另外 ,需要 注意 的 是 ,在 Write 方法 中 输出 的 字符 串 将 按 HTML 语法 进行 解释 ,因此 可 
以 用 下 面 的 语句 输出 加 粗 的 文本 信息 HELLO WORLD。 


Response. Write("« b» HELLO WORLD </b>"); 


2) Redirect 方法 
Redirect 方法 是 一 个 重 定向 的 方法 ,主要 用 于 实现 网 页 跳 转 ,可 让 当前 网 页 跳 转 向 其 他 
指定 页 面 。 使 用 方法 如 下 : 


Response. Redirect("1. html"); // 网 页 跳 转 到 当前 目录 下 的 1. html 页 面 
Response. Redirect( "http://www. taobao. com") ; // 网 页 跳 转 到 淘宝 网 首页 
3) End 方法 


End 方法 用 于 结束 程序 运行 。 在 应 用 开发 中 ,有 时 会 希望 在 某 个 特定 情况 下 结束 网 页 
运行 ,此 时 End 方法 便 派 上 了 用 场 , 并 且 , 此 时 若 缓冲 区 还 有 数据 ,也 将 一 并 输出 到 浏览 器 。 
其 用 法 如 下 : 


Response. End( ) ; 


2. Request 对 象 


Request 对 象 主要 用 于 获取 数据 ,例如 客户 端的 表单 数据 .Cookies 和 服务 器 环境 变量 
等 。 以 下 主要 介绍 利用 Request 对 象 获取 客户 端 提交 的 表单 信息 。 

在 获取 表单 信息 时 ,Request 对 象 采用 何 种 方式 主要 取决 于 客户 端的 表单 提交 方式 是 
post 还 是 get。 

1) post 方式 

若 表单 以 post 方式 提交 ,其 信息 将 会 保存 在 Request 对 象 的 Form 集合 中 ,此 时 ,服务 
器 获取 表单 数据 的 代码 可 以 书写 为 : 

Request. Forn["name 1"] // 获 取 表单 项 name 1 的 值 


2) get 方式 
若 表单 以 get 方式 提交 数据 ,表单 数据 将 附加 在 URL 的 ?之 后 ,其 呈现 形式 如 下 : 


http: //1ocalhost/test.aspx?name_1 = value 


此 时 ,其 数据 信息 将 会 保存 在 Request 对 象 的 QueryString 集合 中 。 以 上 面 的 URL 为 
例 ,要 取得 表单 项 name_1 的 值 value, 可 写 为 : 


Request. QueryString["name 1"]; 


值得 指出 的 是 ,无 论 表单 是 用 何 种 方式 进行 提交 ,都 可 以 直接 使 用 “Request[ 表 单项 ]” 
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的 方式 来 读 取 数据 ,只 是 采用 这 种 方式 会 在 一 定 程度 上 降低 程序 执行 效率 。 
3. Session 对 象 


所 谓 Session 对 象 即 会 话 对 象 ,在 Web 应 用 中 ,该 对 象 是 用 来 维护 状态 的 主要 方式 之 
一 。 存 储 在 Session 对 象 中 的 信息 对 于 应 用 程序 中 的 所 有 页 面 都 是 可 用 的 。 在 实际 开发 
中 ,存储 在 Session 对 象 中 的 信息 通常 是 用 户 的 name 和 iid。 服务 器 会 为 每 个 新 的 用 户 创建 
一 个 新 的 Session ,并 在 Session 对 象 失效 时 撤销 这 个 Session 对 象 。 

要 对 Session 对 象 进行 数据 的 写 和 信和 读 取 ,代码 可 书写 为 : 


Session["username"] = "john"; // 把 字符 串 "john" 写 入 Session 对 象 中 
String user = Session["username"].ToString();  // 把 Session 的 数据 读 取出 来 转 为 字符 串 后 赋 
// 值 给 变量 user 


上 述 代码 中 username 为 标识 符 , 只 要 符合 标识 符 命 名 规则 即 可 ,开发 者 可 自行 定义 其 
他 标识 符 。 


4. Page 对 象 


在 ASP .NET 中 每 个 页 面 都 派生 自 Page 类 ,并 继承 这 个 类 公开 的 所 有 方法 和 属性 。 
Page 对 象 在 实际 应 用 中 较为 常见 的 是 IsPostBack 属性 和 Page Load 事件 。 

1) IsPostBack 属性 

IsPostBack 属性 是 一 个 只 读 的 布尔 类 型 属性 , 它 可 以 用 来 判断 页 面 是 否 是 首次 加 载 。 
如 Page. IsPostBack 属性 为 false, 则 页 面 第 一 次 被 载 人 ,反之 , 则 代表 的 是 为 了 响应 客户 端 
回 传 而 进行 的 加 载 。 利 用 这 个 特性 ,如果 和 希望 仅 在 页 面 第 一 次 加 载 时 执行 某 些 代码 , 则 可 以 
GH: 

if(! Page. IsPostBack) 

{ 

// 代 码 块 

} 

2) Page_Load 事件 

当 一 个 页 面 开 始 执 行 时 ,如 果 定义 了 Page_Load() 事 件 的 处 理 方法 ,就 会 先 执 行 这 个 处 
理 方法 。 在 开发 中 这 个 事件 通常 用 来 进行 程序 的 初始 化 。 其 出 现 的 形式 一 般 为 : 

protected void Page Load(object sender, EventArgs e) 

{ 


// 代 码 块 
} 


任务 5 在 Visual Studio 2010 中 完成 注册 页 面 的 布局 


一 、 任务 实现 


(1) 打开 Visual Studio 2010 ,新建 页 面 Register. aspx, 
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(2) 切换 到 设计 视图 ,从 工具 箱 的 “标准 ”选项 卡 中 选择 Label 控件 ,并 拖 放 到 页 面 上 ， 
在 选中 页 面 中 Label 控件 的 前 提 下 , 右 击 , 弹 出 快捷 菜单 ,选择 “属性 ”, 在 “属性 ” 窗 格 中 设置 
Text 属性 的 值 为 “姓名 :”。 重 复 这 一 步骤 ,依次 把 “密码 ;”" 和 “性 别 :" 等 文本 信息 设置 到 
Label 控件 中 ,效果 如 图 5. 15 所 示 。 





a ]ewo «a | [mr Een a 


图 5.15 文本 信息 布局 示例 


G) 拖 动 TextBox 控件 到 页 面 上 ,控件 位 置 如 图 5. 16 所 示 , 同 时 选中 第 二 个 TextBox 
控件 , 右 击 ,弹出 快捷 菜单 ,选择 “属性 ”, 把 TextMode 的 属性 值 改 为 Password, 
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图 5.16 TextBox 控件 布局 示例 
(4) 拖 动 RadioButtonList 控件 到 “性 别 ”* 后 面 , 从 智能 标记 中 选择 “编辑 项 ”, 从 
“ListItem 集合 编辑 器 ”中 添加 “ 男 ”“ 女 ”2 个 成 员 , 设 置 方 法 如 图 5. 17 所 示 , 最 后 单 击 “ 确 
定 ” 按 钮 。 
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5.17 ListItem 集合 编辑 器 设置 图 


(5) 选中 RadioButtonList 控件 ,设置 其 属性 RepeatDirection 的 值 为 Horizontal ,使 单 
选 按钮 呈现 水 平 排列 ,然后 设置 RepeatLayout 的 属性 值 为 Flow., f RadioButtonList 控件 
与 "性别" 文本 信息 处 于 同一 行 ,更 改 后 其 效果 如 图 5. 18 所 示 。 


性 别 ，c 女 人 男 
l 



































图 5.18 RadioButtonList 控件 最 终 效 果 图 
(6) 拖 动 Button 控件 到 页 面 上 ,并 修改 Text 属性 值 为 提交”, 最 后 运行 整个 网 页 ,并 


进行 “录入 ”和 “选中 ”等 操作 ,观察 几 种 常见 控件 的 不 同 表现 形式 。 最 后 效果 如 图 5. 19 
所 示 。 
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5.19 注册 页 效果 图 


二 、 知 识 学 习 

在 ASP.NET 中 ,控件 是 一 种 类 ,在 一 个 网 站 中 ,用 户 与 网 页 的 交互 绝 大 部 分 就 是 与 控 
件 的 交互 。 大 多 数控 件 都 能 够 在 Visual Studio 的 工具 箱 中 找到 ,这 给 通过 拖 动 控件 进行 可 
视 化 设计 提供 了 便利 ,从 而 可 以 实现 所 见 即 所 得 的 效果 。 在 程序 开发 中 ,对 控件 的 操作 主要 
是 选择 合适 控件 .设置 控件 属性 以 及 对 控件 的 事件 编写 处 理 代码 。 下 面 主要 介绍 HTML 
服务 器 控件 ,标准 控件 ,数据 源 控件 和 数据 绑 定 控件 。 


1. HTML 服务 器 控件 


默认 情况 下 ,服务 器 是 无 法 使 用 Web 窗 体 页 上 面 的 HTML 控件 的 ,但 如 果 将 HTML 
控件 转换 为 HTML 服务 器 控件 , 便 可 使 其 成 为 在 服务 器 上 可 编程 的 元 素 。 转 换 的 步骤 非 
常 简单 ,只 需要 在 普通 HTML 控件 中 添加 runat= "server" 属 性 , 即 可 完成 转换 。 但 要 注意 
的 是 ,为 了 让 服务 器 控件 能 够 被 服务 器 端 代码 唯一 识别 ,一 般 还 应 当 添 加 id 属性 。 其 定义 
HTML 服务 器 控件 的 基本 语法 格式 如 下 : 


< HTML 标记 ID = "控件 名 称 " runat = "Server"> 


2. 标准 控件 


标准 控件 作为 在 ASP .NET 中 较 常用 的 控件 ,包含 输入 控件 .显示 控件 、 按 钮 控件 、 超 
链接 控件 等 。 其 控件 标签 以 asp: 开 头 , 基 本 语法 格式 如 下 : 

<asp: 控 件 类 型 名 ID= "控件 id" 属性 名 1 = "属性 值 1”… 属性 名 n= "属性 值 n" runat="server" /> 

下 面 介绍 具体 的 控件 。 
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D TextBox 控件 
TextBox 控件 是 被 使 用 最 频繁 的 控件 之 一 , 它 作 为 文本 框 控件 ,一 般 是 用 来 显示 数据 或 
者 输入 数据 。 该 控件 标签 以 asp: 开 头 , 其 语法 如 下 : 


<asp:TextBox ID = "Txt1" runat = "server" TextMode = "SingleLine"/> 


其 中 ,TextMode 属性 非常 重要 , 它 提供 了 3 个 不 同 的 值 ,决定 了 文本 框 控件 的 3 种 不 
同 显示 形态 ,这 3 个 属性 值 如 下 。 

。 SingleLine: 该 控件 将 显示 为 单行 编辑 框 。 

。 MultiLine: 多 行文 本 框 。 

* PassWord: 密码 框 (所 有 输入 的 字符 都 将 被 特殊 符号 替代 显示 ) 。 

除了 上 述 所 列 属性 外 ,TextBox 控件 还 提供 了 多 个 属性 和 事件 , 现 列 于 表 5. 5 中 , 供 读 
者 查阅 。 


表 5.5 TextBox 控件 的 常用 属性 和 事件 





属性 /事件 备 È 
AutoPostBack 决定 了 输入 信息 时 ,数据 是 否 实时 自动 发 送 到 服务 器 
AutoCompleteType 记忆 客户 端 输入 的 内 容 类 型 
MaxLength 最 多 允许 输入 的 字符 数 
ReadOnly 可 把 文本 框 设置 为 只 读 
Text TextBox 控件 的 文本 内 容 
Wrap 控制 多 行文 本 框 内 的 文本 内 容 是 否 换 行 
TextChanged 文本 框 的 内 容 改 变 时 发 生 的 事件 
2) Label 控件 


Label 控件 属于 文本 控件 ,通常 用 于 在 Web 页 面 上 显示 文本 ,如 为 文本 框 提供 补充 说 
明 等 。 该 控件 定义 的 请 法 如 下 : 


<asp:Label id= "Labell" Text = "请 输入 用 户 名 :" runat = "server" /> 


3) HyperLink 控件 

该 控件 是 超 链接 控件 ,可 用 于 定义 一 个 超 链接 ,其 定义 的 语法 如 下 : 

« asp:HyperLink ID = "HyperLinkl" runat = "server"> please click here </asp:HyperLink > 

该 控件 还 提供 了 两 个 重要 的 属性 : 一 个 是 NavigateURL, 它 的 属性 值 指明 了 该 链接 的 
目标 URL, 当 用 户 单 击 链接 时 会 转向 此 URL; 另 一 个 是 TargetURL, 用 于 指明 URL 的 目 
标 框架 。 

4) Button 控件 

Button 控件 是 一 个 按钮 控件 ,按钮 的 单 击 是 用 户 与 网 页 进行 交互 的 一 个 重要 渠道 。 其 
语法 如 下 : 


<asp:Button id= "Buttonl" Text = "click" runat = "server" /> 


K 5.6 列 出 了 Button 控件 的 常用 属性 和 事件 , 供 读者 查阅 。 
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表 5.6 Button 控件 的 常用 属性 和 事件 





属性 /事件 备 注 
Attributes 获取 控件 的 属性 集合 
BackColor 获取 或 设置 背景 色 
BordorColor 获取 或 设置 边框 颜色 
PostBackUrl 获取 或 设置 单 击 Button 控件 时 从 当前 页 发 送 到 的 网 页 的 URL 
Text 获取 或 设置 在 Button 控件 中 显示 的 文本 
Click 在 单 击 Button 控件 时 发 生 的 服务 器 端 事件 
OnClientClick 在 单 击 Button 控件 时 发 生 的 客户 端 事件 


5) RadioButton 控件 与 RadioButtonList 控件 
RadioButton 控件 表现 为 单 选 按 钮 ,其 语法 形式 如 下 : 


<asp:RadioButton ID = "RadioButtonl" runat = "server" Text = "按钮 旁 显示 的 文本 信息 " /> 


但 是 一 般 而 言 , 在 页 面 上 通常 不 会 只 有 一 个 单 选 按钮 ,在 实际 开发 中 ,一 般 由 2 个 以 上 
的 单 选 按 钮 来 组 成 单 选 按 钮 组 。 而 要 形成 单 选 按 钮 组 便 需 要 用 到 RadioButton 的 一 个 重要 
属性 : GroupName, 可 以 通过 把 多 个 单 选 按 钮 的 GroupName 属性 设置 为 相同 值 ,使 其 成 为 
同一 组 ,具体 示例 如 下 : 

<asp:RadioButton ID = "RadioButtonl" runat = "server" GroupName = "Groupl" Text = "Jj" /> 

<asp:RadioButton ID = "RadioButton2" runat = "server" GroupName = "Groupl" Text = "Zr" /> 

上 述 代码 的 作用 就 是 形成 了 一 个 可 供用 户 选择 性 别 的 单 选 按钮 组 ,用 户 只 能 在 “ 男 ? 或 
“ 女 ”2 个 单 选 按钮 中 任 选 其 一 。 

另外 ,RadioButton 另 一 个 重要 的 属性 是 Checked, 它 的 值 是 一 个 布尔 类 型 , 当 单 选 按钮 
被 选中 ,返回 true, 否 则 返回 false。 值 得 注意 的 是 , 当 Checked 属性 值 发 生变 化 , 即 按钮 的 
选中 状态 发 生 改变 时 ,将 会 触发 事件 onCheckedChanged。 

除了 RadioButton 控件 ,用 户 还 可 采用 RadioButtonList 控件 , 它 会 直接 在 页 面 显 示 为 
一 个 单 选 按钮 列表 ,用 户 只 能 在 这 个 列表 中 任 选 一 个 单 选 按钮 ,在 单 选 按钮 个 数 较 多 时 , 采 
用 RadioButtonList 控件 将 更 加 方便 。 

6) CheckBox 控件 与 CheckBoxList 控件 

CheckBox 控件 是 复 选 框 控件 。 同 RadioButton 控件 类 似 , 它 也 给 用 户 提供 了 * 已 选中 ” 
或 “未 选中 ”2 种 状态 ,并 且 其 选中 状态 同样 体现 在 Checked 属性 值 上 ,甚至 当选 中 状态 发 生 
改变 时 , 复 选 框 控件 一 样 会 触发 onCheckedChanged 事件 。 但 同时 ,2 种 控件 之 间 也 存在 较 
大 的 不 同 , 其 最 明显 的 区 别 在 于 ,对 于 CheckBox 控件 组 里 的 复 选 框 控件 ,用 户 可 以 同时 选 
中 多 个 ,而 不 像 RadioButton 按钮 组 ,用 户 在 后 者 只 能 任 选 其 一 。 

CheckBox 控件 语法 形式 示例 如 下 : 


< asp:CheckBox ID = "CheckBox1" runat = "server" Text = "我 已 阅读 并 同意 遵守 网 站 服务 条 款 "” /> 


若 要 形成 复 选 框 组 , 同 RadioButton 一 样 ,只 需 把 多 个 复 选 框 的 GroupName 属性 设置 
为 相同 值 ,使 其 成 为 同一 组 即 可 。 也 可 直接 采用 CheckBoxList 控件 , 它 将 直接 给 用 户 提供 
一 个 复 选 框 列 表 。 
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7) DropDownList 控件 
DropDownList 控件 是 一 个 下 拉 列 表 控 件 , 其 语法 示例 如 下 : 
< asp:DropDownList id= "DropDownListl" runat = "server"> 
<asp:ListItem Value = "0"> 学 生 </asp:ListItem> 
<asp:ListItem Value = "1"> 教 师 </asp:ListItem> 
<asp:ListItem Value = "2"> 管 理 人 员 </asp:ListItem> 
</asp:DropDownList> 
上 述 代码 提供 一 个 下 拉 列 表 ,用户 可 在 “学 生 交 教师 交管 理 人 员 ”3 个 选项 中 选择 一 个 ， 
当选 择 其 中 一 个 选项 时 ,另外 两 个 将 会 “隐藏 "起 来 ,在 页 面 中 不 可 见 。 
表 5.7 列 出 了 该 控件 的 常用 属性 和 事件 。 


表 5.7 DropDownList 控件 的 常用 属性 和 事件 





属性 /事件 备 È 
AutoPostBack 指示 当 用 户 改变 选项 时 该 控件 是 否 应 当 自动 地 将 数据 发 送 到 服务 器 
DataSource 填充 该 列表 的 项 目的 数据 源 
DataSourceID 提供 数据 的 数据 源 组 件 的 ID 
DataTextField 提供 文本 的 数据 源 字段 名 称 
Items 获得 列表 控件 中 的 项 目 集合 
SelectedIndex 获得 或 设置 列表 中 被 选项 的 索引 
SelectedItem 获得 列表 中 的 被 选项 
SelectedValue 获得 列表 中 被 选项 的 值 


SelectedIndexChanged 当 列表 控件 的 选择 项 发 生变 化 时 触发 


3. 数据 源 控件 


在 ASP .NET 中 提供 了 多 种 数据 绑 定 控件 用 来 显示 数据 源 中 的 数据 ,这 些 控件 以 不 同 
的 表现 形式 将 数据 显示 在 网 页 上 。 

正常 情况 下 要 使 用 数据 绑 定 控件 ,都 要 先 绑 定 一 个 数据 源 控件 ,通过 数据 源 控件 实现 与 
数据 源 的 交互 。 在 本 书 中 数据 源 一 般 指 的 是 SQL Server 2008, 由 于 篇 幅 所 限 ,在 这 里 仅 介 
绍 SqlDataSource 数据 源 控件 ,其 他 数据 源 控件 请 读者 自行 参考 相关 书籍 。 

SqlDataSource 是 使 用 最 为 频繁 的 数据 源 控件 , 它 不 仅 能 与 多 种 数据 库 进行 交互 ,并 且 
可 以 同时 实现 数据 库 连 接 、 数 据 读 取 和 编辑 等 多 种 功能 。 要 使 用 该 数据 源 控件 也 非常 简单 ， 
只 需 按 以 下 步骤 即 可 成 功 配置 。 

CD 从 工具 箱 的 “数据 ?选项 卡 中 找到 SqlDataSource 控件 并 拖 放 到 页 面 上 后 ,从 
SqlDataSource 控件 的 智能 标记 中 选择 “配置 数据 源 ? 选 项 来 启动 配置 数据 源 向 导 ,配置 数据 
源 对 话 框 如 图 5. 20 所 示 。 

(2) 单 击 “ 新 建 连接 ”按钮 ,打开 “添加 连接 ”对 话 框 ,更 改 数据 源 为 “MicroSoft SQL 
Server 数据 库 文件 ”, 并 选择 要 操作 的 数据 库 文件 。“ 添 加 连接 ”对 话 框 如 图 5.21 所 示 ,在 这 
个 对 话 框 中 可 以 创建 新 的 数据 库 连 接 的 所 有 属性 。 

(3) 添加 连接 设置 完毕 后 ,在 图 5. 20 中 , 单 击 “ 下 一 步 ” 按 钮 继续 进行 配置 ,并 在 跳出 的 
下 一 个 界面 中 色 选 复 选 框 ,把 连接 保存 到 配置 文件 中 。 配 置 数据 源 对 话 框 如 图 5. 22 所 示 。 
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图 5.20 配置 数据 源 对 话 框 1 


(4) 向 导 的 下 一 步 要 求 配置 从 数据 库 中 检 
索 数 据 的 Select 语句 ,如 图 5. 23 所 示 ,在 此 对 
话 框 中 根据 实际 需求 选择 相应 的 表 或 视图 
的 列 。 

(5) 继续 单 击 “ 下 一 步 " 按 钮 , 可 预览 
Select 语句 执行 的 结果 ,车 检查 无 误 后 , 单 击 
“完成 ”按钮 即 可 ,此 时 便 可 以 看 到 向 导 为 
SqlDataSource 控件 生成 的 属性 。 


4. 数据 绑 定 控件 


如 前 面 所 述 , 当 配置 完 数据 源 控件 后 , 便 
可 以 把 它 同 数据 绑 定 控件 绑 定 起 来 ,从 而 实现 
数据 绑 定 控件 与 数据 源 的 交互 。 下 面 主 要 介 
绍 的 数据 绑 定 控 件 是 GridView 控件 和 
ListView 控件 。 

D GridView 控件 

本 控件 将 以 表格 形式 进行 数据 展示 ,并 且 
极 易 通过 设置 使 其 具有 分 页 和 排序 等 常见 功 
能 。 在 成 功 配置 了 数据 源 控件 SqlDataSource 的 前 提 下 ,其 使 用 流程 如 下 所 述 。 
























































5.21 “添加 连接 ”对 话 框 
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5.22 配置 数据 源 对 话 框 2 



























































5.23 配置 Select 语句 
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(1) 拖 动 一 个 GridView 控件 到 页 面 上 ,如 图 5. 24 所 示 o 
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5.24 GridView 控件 


(2) 在 GridView 控件 的 智能 标记 中 配置 数据 源 为 SqlDataSource 控件 ,此 时 根据 
SqlDataSource 控件 所 绑 定 的 数据 源 «Grid View 会 发 生 相 应 的 变化 (但 一 部 分 数据 仍 显示 为 
abc) ,如 图 5.25 所 示 。 
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5.25 数据 源 绑 定 效果 图 


CD 根据 项 目 需要 ,决定 是 否 勾 选 “ 启 用 分 页 “启用 排序 “启用 选 定 内 容 " 等 复 选 框 , 同 
时 ,可 设置 GridView 的 PageSize 属性 值 (该 属性 可 设置 每 页 显示 几 条 记录 )。 若 色 选 “启用 
分 页 ” 复 选 框 并 把 PageSize 属性 值 设置 为 3, 其 效果 将 如 图 5. 26 所 示 。 

(4) 当 需 要 改变 列 标题 时 ,可 在 GridView 的 智能 标记 中 单 击 “ 编 辑 列 ” 菜 单项 ,打开 “ 字 
段 ” 对 话 框 。 选 择 某 一 字段 标题 (如 选择 “专业 ”) ,设置 其 HeaderText 属性 值 (如 设置 为 “ 专 
业 学 科 ”) ,从 而 实现 列 名 的 更 改 显 示 ,设置 “字段 ”对 话 框 如 图 5. 27 所 示 。 
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图 5.26 分 页 功能 效果 图 






























































5.27 设置 “字段 "对话 框 


(5) 还 可 设置 标题 , 即 设置 GridView 的 Caption 属性 值 ,如 设置 为 “学 生 信息 表 ”, 此 时 
效果 如 图 5. 28 所 示 。 

最 后 , 当 运 行 该 网 页 时 ,可 以 发 现 SqlDataSource 控件 并 不 会 显示 在 网 页 中 ,并 且 
GridView 的 数据 也 正常 显示 为 数据 源 中 的 数据 ,而 不 再 是 abc, 其 最 终 网 页 效果 如 图 5. 29 
所 示 。 

此 外 ,GridView 控件 的 数据 绑 定 列 类 型 除了 有 默认 的 用 来 显示 普通 文本 的 BoundField 
外 ,还 有 用 来 显示 复 选 框 的 CheckBoxField、 用 来 显示 按钮 的 CommandField 和 
ButtonField、 用 来 显示 图 片 列 的 ImageField 以 及 用 来 显示 超 链接 的 HyperLinkField 等 ,用 
户 可 根据 实际 需求 定义 每 一 列 的 显示 样式 。 
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5.28 GridView 控件 标题 设置 





D) localhost1414/WebFo x 


€ > © [O localhost1414/WebFormlaspx *|t 





学 生 信息 表 

学 号 en») 出生 日 期 专业 学 科 
16202101| 小 五 | 男 |1998/2/3 0:00:00 | 信息 与 计算 科学 
16202102| 小 明 | 男 _|1998/7/13 0:00:00| 信 息 与 计算 科学 
16202103| 小 地 | 女 |1997/5/20 0:00:00| 信 息 与 计算 科学 
12 









































图 5. 29 GridView 控件 网 页 效果 图 
2) ListView 控件 


List View 控件 也 是 用 来 显示 从 数据 源 返 回 的 数据 , 它 可 以 使 用 模板 和 样式 来 定义 显示 
数据 的 格式 。 在 ListView 控件 中 ,一 共 提 供 了 11 种 有 关 模板 设置 的 属性 ,如 表 5. 8 所 示 。 


表 5.8 ListView 模板 





模板 名称 & È 
LayoutTemplate 用 于 定义 控件 主要 布局 的 根 模 板 
ItemTemplate 为 控件 中 的 每 个 数据 项 绑 定 内 容 


ItemSeparatorTemplate 用 于 定义 各 个 项 之 间 的 分 隔 符 UI 
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# 

模板 名 FE 备 注 
GroupTemplate 用 于 为 组 布局 的 内 容 提 供 UI 
GroupSeparatorTemplate 用 于 定义 组 之 间 的 分 隔 符 UI 
EmptyItemTemplate 在 使 用 组 布局 模板 时 为 空 项 的 呈现 提供 UI 
EmptyDataTemplate 当 绑 定 的 数据 对 象 不 包含 数据 项 时 显示 的 模板 
SelectedItemTemplate 为 选中 的 数据 项 提供 UI 
AlternatingItemTemplate 为 交替 项 提供 UI 
EditItemTemplate 为 控件 中 编辑 已 有 的 项 提供 一 个 UI 
InsertItemTemplate 为 控件 中 插入 一 个 新 数据 项 提供 一 个 UI 


在 设置 完 SqlDataSource 控件 后 ,ListView 的 使 用 主要 包含 以 下 几 个 步骤 。 

(1) 拖 动 一 个 ListView 控件 到 页 面 上 。 

(2) 在 List View 的 智能 标记 中 选择 数据 源 为 SqlDataSource 控件 ,此 时 效果 如 图 5. 30 
所 示 。 























图 5.30 ListView 控件 


G) 从 智能 标记 中 选择 “配置 ListView”, 打 开 * 配 置 ListView” 对 话 框 。 根 据 项 目 需 要 
选择 相应 的 布局 或 样式 ,并 决定 是 否 勾 选 “启用 分 页 ”等 复 选 框 , “配置 ListView” 对 话 框 如 
图 5. 31 所 示 , 配 置 完毕 后 单 击 “ 确 定 ” 按 钮 。 

(4) 设置 DataPager 控件 ( 即 分 页 控件 ) 的 PageSize 属性 以 设置 每 页 显示 条 数 ,如 设置 
为 3 时 其 最 终 显 示 效果 如 图 5. 32 所 示 。 

(5) 根据 需求 向 ListView 控件 添加 排序 功能 。 

# ASP.NET 中 ,除了 上 述 提 到 的 2 种 数据 绑 定 控件 外 ,还 提供 了 许多 其 他 可 以 绑 定 到 
数据 源 的 控件 ,其 中 就 包括 在 标准 控件 中 介绍 过 的 DropDownList、RadioButtonList、 
CheckBoxList 等 ,此 外 ,ListBox TreeView 和 Menu 等 控件 也 具有 此 种 功能 。 虽 然 它们 有 
各 自 的 适用 场景 ,但 在 实际 应 用 的 操作 上 大 同 小 异 ,读者 可 通过 实践 自行 研究 其 使 用 方法 。 
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图 5.31 “配置 ListView” 对 话 框 
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5.32 ListView 控件 最 终 效 果 图 
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E 项 目 练习 | 


一 、 实 训 题 


1. 自己 建立 一 个 具有 登录 功能 的 表单 ,利用 ASP.NET 内 置 对 象 获 取 客 户 端 提交 的 登 
录 信 息 并 进行 输出 。 

2. 在 数据 库 中 建立 学 生 信息 表 , 表 中 应 含有 学 号 、 姓 名 、 性 别 \ 年 龄 .家庭 住址 等 字段 ， 
并 用 不 同 的 数据 绑 定 控件 展示 在 页 面 中 。 











二 、 练 习题 
l. 选择 题 
CD 在 C# 中 ,以 下 变量 名 不 正确 的 是 ( je 
A. Abl B. abl C. ab 1 D. ab.1 
(2) 现 有 语句 “int x,y; x=5; y 一 x 十 十 ;”, 以 下 关于 x,y 值 的 说 法 正确 的 是 ( ) 
A. x 值 为 6,y 的 值 为 5 B. x.y 的 值 均 为 5 
C. x.y 的 值 均 为 6 D. x 的 值 为 5,y 的 值 为 6 
(3) 会 话 对 象 指 的 是 ( ) 
A. Session B. Cookie C. Response D. Request 
(4) TextBox 控件 要 做 成 密码 框 可 修改 的 属性 是 ( DA 
A. Type B. TextMode C. Value D. Password 
O 下 列 ( ORARE. 
A. SqlDataSource B. RadioButton 
C. DropDownList D. GridView 
2. 填空 题 
(D 在 C# 中 ,11%3= ,11/3= e 
(2) 客户 端 表单 的 提交 方式 有 和 ñ 
(3) HTML 服务 器 控件 的 基本 请 法 格式 如 下 : < HTML 标记 ID= "控件 名 称 "runat 一 
" ">, 
(4) RadioButton 控件 的 属性 可 判断 其 是 否 被 选中 。 
(5) Response 对 象 的 方法 可 以 跳 转 到 其 他 的 URL. 
3. 简 答题 


(1) 请 简 述 什么 是 标准 服务 器 控件 及 其 能 完成 的 功能 。 
(2) 请 简 述 Session 对 象 的 常用 功能 。 





数据 库 基础 


. 项目 学 习 目 标 | 





l. 了 解数 据 库 的 基本 概念 ,掌握 数据 表 、 字 段 和 记录 等 术语 ; 

2. 掌握 SQL Server 数据 库 的 基本 操作 ; 

3. 掌握 基本 的 SQL 语句 ,包括 Select, Insert, Update 和 Delete 语句 ; 
4. 掌握 为 SQL Server 数据 库 设 置 数据 源 的 方法 和 步骤 。 





^ 项目 任务 | 


* 任务 1 安装 SQL Server 2008 数据 库 

本 任务 的 目标 是 学 会 在 Windows 7(64 位 ) 操 作 系 统 下 完成 安装 SQL Server 2008 数据 
库 , 并 打开 运行 ,观察 其 数据 库 的 整个 环境 。 

* 任务 2 建立 数据 库 和 数据 表 

本 任务 的 目标 是 学 会 在 SQL Server 2008 下 创建 数据 库 和 数据 表 , 并 能 用 SQL 语句 对 
数据 记录 进行 操作 。 

。 任务 3 创建 SQL Server 数据 库 的 ODBC 数据 源 

本 任务 的 目标 是 学 会 建立 ODBC(Open Database Connectivity) 数 据 源 ,并 对 数据 库 进 
行 访问 和 管理 。 


E% 1 安装 SOL Server 2008 数据 库 


一 、 任 务实 现 


A) 在 安装 文件 setup. exe 上 右 击 ,弹出 快捷 
菜单 ,选择 “以 管理 员 身份 运行 ”, 如 图 6. 1 所 示 。 

(2) 单 击 setup. exe 安装 文件 ,打开 如 图 6. 2 
所 示 的 “SQL Server 安装 中 心 ”窗口 。 

(3) 选择 左边 的 “安装 ”选项 , 单 击 右边 的 “全 
新 SQL Server 独立 安装 或 向 现 有 安装 添加 功能 ” 
选项 并 弹出 “SQL Server 2008 安装 程序 正在 处 理 6.1 设置 setup. exe 运行 权限 


J x64 2008/8/2 3:13 
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硬件 和 软件 要 求 
查看 硬件 和 软件 要 求 . 


esa 
查看 安全 文档 .。 
联机 发 行 说 明 
查看 有 关 该 版 本 的 最 新 信息 。 
a ep 
启动 工具 以 检查 阻止 成 功 安装 SQL Server 的 条 件 . 


安装 升级 顾问 


升级 顾问 分 析 安 装 的 所 有 SQL Server 2005 或 SQL Server 2000 组 件 , 并 在 升级 到 
SQL Server 2008 之 前 或 之 后 确定 要 修复 的 问题. 


和 
启动 嫉 机 安装 文档 . 
E 如 何 开始 使 用 SQL Server 2008 故障 转移 群集 
册 读 关于 如 何 开始 使 用 SQL Server 2008 故障 转移 群集 的 说 明 . 


升级 文档 
查看 有 关 如 何 从 SQL Server 2000 或 SQL Server 2005 升级 到 SQL Server 2008 的 文 
=. 





图 6.2 “SQL Server 安装 中 心 ”窗口 
当前 操作 ,请 稍 侯 "的 提示 对 话 框 ,如 图 6.3 所 示 。 


g = 
BiDSSkigS Ten so. Serve 2008 BETE, 


d on amem 
T ases. USRR SQL Server 2008 REB paspa. 


M SQU Server 2000 SQL Sarver 2005 8 
UOS SQL Server 2000 5 SQL Server 2005 EF SQL Server 2008. (E 
Er 


D | = 
Tn Microsoft Update Ein SQL Server 2008 BIB, 


== 


SQL Server 2008 安装 程序 正在 处 理 当前 操作 ， 请 稍 候 ” | 


6.3 “全 新 安装 ”选项 


(4) 在 打开 的 “SQL Server 2008 安装 程序 ”窗口 中 出 现 “ 安 装 程序 支持 规则 ”选项 ,可 以 
看 到 一 些 检查 已 经 通过 了 ,如 图 6.4 所 示 。 

(5) 单 击 “ 确 定 ” 按 钮 ,出 现 输入 产品 密 钥 的 提示 ,输入 产品 密 钥 ,如 JD8Y6-HQG69- 
P9H84-XDTPG-34MBB ,该 密 钥 是 可 以 从 网 络 上 下 载 兼容 的 密 钥 ,如 图 6. 5 所 示 。 

(6) 单 击 “ 下 一 步 ” 按 钮 继续 安装 ,在 接 下 来 的 “许可 条 款 ” 页 面 中 勾 选 “我 接受 许可 条 
款 ” 复 选 框 ,如 图 6.6 所 示 。 
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@ Erami 

图 Windows Management Instrumentation (WMD 服 务 
@ 针对 SQL Server ESR- RENE 

@ SQL Server RIRE Excite s 
































6.4 安装 程序 支持 规则 1 


指定 要 安装 的 SQL Server 2008 版 本 . 





指定 SQL Server 的 可 用 版 本 ， 或 提供 SQL Server 产品 密 钥 以 验证 该 SQL Server 2008 实例 . 给 入 
Microsoft 真品 证 书 或 产品 包装 上 的 25 个 字符 的 密 铀 ， 如 果 您 指定 Enterprise Evaluation , 则 该 实例 
在 数 活 后 柠 具 有 180 天 的 有 效 期 。 寺 要 从 一 个 版 本 升级 到 另 一 个 版 本 ， 请 运行 版 本 升级 向 导 , 


O 指定 可 用 版 本 (9); 
[县 有 高 级 服务 的 Express 版 本 

© RAFTER: 
JD8Y6-HQG69-P9H84-XDTPG-34MB8 





<w | 











图 6.5 输入 密 钥 
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车 要 安装 SQL Server 2008 , 必须 接受 Microsoft RAFTER. 








MICROSOFT 软件 许可 条 款 


MICROSOFT SQL SERVER 2008 ENTERPRISE EDITION 
这 些许 可 条 款 是 Microsoft Corporation ( 或 您 所 在 地 的 Microsoft Corporation 关联 公司 ) 与 您 
之 间 达 成 的 协议 。 请 阅读 条 款 内 容 。 这 些 条 蒜 适 用 于 上 述 软 件 ， 包 括 您 用 来 接收 该 软件 的 介质 
《如 果 有 ) 。 这 些 条 款 也 适用 于 Microsoft 为 该 软件 提供 的 任何 

。 更 新 、 

. 补充 、 

° ”基于 Internet 的 服务 ， 及 

。 支持 服务 


《除非 这 些 项 目 附带 有 其 他 条 束 ) 。 如 果 确 实 附 沉 有 其 他 条 教 ， 则 应 遵守 其 他 条 吉 。 
人 


ð 
SO HEX 





图 6.6 “许可 条 款 ” 页 面 
(7) 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 安 装 程序 支持 文件 ”页 面 ,如 图 6.7 所 示 。 


单 击 “ 宏 装 ”以 安装 安装 程序 支持 文件 。 若 要 安装 或 更 新 SQL Server 2008 , 这 些 文件 是 必 雪 的 - 





SQL Server 安装 程序 需要 下 列 组 件 (: 


功能 名 称 状态 
Wie | 






































图 6.7 “安装 程序 支持 文件 "页面 
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(8) 单 击 “安装 ”按钮 ,出 现 安装 程序 支持 文件 的 过 程 ,如 图 6. 8 所 示 。 














安装 程序 支持 文件 
单 击 “ 安 装 ” 以 安装 安装 程序 支持 文件 。 若 要 安装 或 更 新 SQL Server 2008 ,这 些 文件 是 必需 的 . 
PES SQL Server E BARRE EPHBIKCD: 
Rum — #5 
et 安装 避 序 冯 圭 文件 正在 进行 








正在 执行 Windows Installer iF, 


<t> | 220 取消 




















6.8 安装 程序 支持 文件 的 过 程 
(9) 之 后 出 现 “ 安 装 程序 支持 规则 ”页 面 ,如 图 6.9 所 示 。 只 有 符合 规则 才能 继续 安装 。 
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图 6.9 安装 程序 支持 规则 2 


(10) 单 击 * 下 一 步 ?按钮 ,出 现 * 功 能 选择 页面, 单 击 * 全 选 按 钮 ,并 设置 共享 的 功能 目 
录 , 如 图 6. 10 所 示 。 
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远 择 要 安装 的 Enterprise 功能 。 对 于 群集 安装， 只 衣 群 集 化 数 过 库 引擎 乳 务 和 Analysis Services. 
































T masma miss ^| 服务 器 功能 可 识别 实例 目 有 自己 的 注册 表 配 
Erm] WI SQL Server 复制 置 单元 。 它 们 支持 在 一 台 计 算 机 上 有 多 个 实 
RRSINER IE m. 

EzBEER m Analysis Services. 
ism € Services 
Analysis Services 配置 Business Intelligence Development Studio 
Reporting Services 配置 E 者 广 苇 工具 连接 
错误 和 使 用 情况 报告 F Integration Services 
peus T ECATRSERSE 
SARLA SDK 
SQL Server RAH 
gun 国营 理 工具 - 基本 
ll 加 管理 工具 - 完整 
SQL FARE SDK Ë 
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图 6.10 “功能 选择 "页面 


(OD 单 击 * 下 一 步 ? 按 钮 ,出现 “实例 配 置 ?页 面 ,选择 “默认 实例 ,并 设置 是 实例 的 根 目 
录 , 如 图 6.11 所 示 。 





MSSQLSERVER 





MSSQLSERVER 








SQL Server Bi: dáProgram Files\Microsoft SQL Server2008 
WISSQLI0.MSSQLSERVER. 


Analysis Services 目录 : — dAProgram Files\Microsoft SQL Server2008MSAS10.MSSQLSERVER. 
Reporting Services 目录 : dAProgram Files\Microsoft SQL Server2008MSRS10.MSSQLSERVER 


已 安 美的 实例 (D): 
实例 



































6.11 “实例 配置 "页面 
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AD 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 磁 盘 空 间 要 求 ”页 面 ,显示 了 安装 软件 所 需 的 空间 ,如 


图 6.12 所 示 。 














pQ EDE C: SSS 1256 MB , 有 37269 MB 可 用 
系统 驱动 器 (CN): SE 1256 MB 

S- së D: SE 1428 MB , 有 48983 MB 可 用 
共享 安装 目录 (dAProgram Files\Microsoft SQL Server2008\): 需要 784 MB 
实例 目录 (dProgram Files\Microsoft SQL Server2008\): 3888 644 MB 








< 1—2 | Eo] 











图 6.12 “磁盘 空间 要 求 " 页 面 


(13) 单 击 “ 下 一 步 "按钮 ,出 现 “ 服 务 器 配置 "页 面 ,根据 需要 进行 设置 ,如 图 6. 

















SQL Server 代理 [Nr AUTHORITN\NET.. | 

SQL Server Database Engine | NT AUTHORITANNET... 

SQL Server Analysis Services INT AUTHORITYNET (an) 
[Sal Server Reporting Sens | NT AUTHONTVNET | [zm | 
SQL Server Integration Servic.. |NTAUTHORITYWet. | — (mn 




















将 在 可 能 的 情况 下 自动 配置 这 些 最 务 以 使 用 低 特权 帐户 。 在 一 些 较 旧 的 Windows 版 本 上 , 用 中 








SQL Full-text Filter Daemon L. |NT AUTHORITYVLOC... 
SQL Server Browser INTAUTHORITYLOC 




















3 所 示 。 
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图 6. 13 “服务 器 配置 "页面 
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(14) 单 击 “ 下 一 步 ”按钮 ,出 现 “ 数 据 库 引 擎 配置 "页 面 ,在 此 设置 身份 验证 模式 为 “混合 
模式 ”, 输 入 数据 库 管 理 员 的 密码 , 即 sa 用 户 的 密码 ,并 添加 当前 用 户 , 如 图 6. 14 所 示 。 


=l 













































































图 6.14 “数据 库 引擎 配置 "页 面 
(15). 单 击 * 下 一 步 " 按 钮 ,出 现 *“Analysis Services 配置 "页 面 ,添加 当前 用 户 , 如 图 6. 15 所 示 。 














数据 目录 
指定 哪些 用 户 具有 对 Analysis Services 的 管理 权限 . 



































6.15 “Analysis Services 配置 "页面 
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(16) 单 击 * 下 一 步 ? 按 钮 ,出 现 *Reporting Services 配置 ?页 面 , 按 照 默认 的 设置 ,如 
图 6.16 所 示 。 





C S98 SharePoint SRADBESCRRAREIB S). 


安装 程序 棕 在 SharePoint RAID FGURTEURIEG AIS , HARRESE HARU 

值 ， 不 过 ， 只 有 在 报表 服务 器 计算 机 上 部 署 了 SharePoint 产品 或 技术 的 最 小 安装 ,并且 在 您 所 使 
用 的 SharePoint 产品 或 技术 的 实例 上 安装 并 配置 了 用 于 SharePoint 技术 的 Reporting Services 
外 接 程序 之 后 ， 才 会 支持 集成 绍 作 . 


O SSGTIEBISRESEO. 


SERINISSSECIEESNESEUA, SESS , 您 可 以 使 用 Reporting Services RETA 
设置 运行 报表 服务 器 所 必需 约 迁 项 





























6.16 "Reporting Services 配置 ”页面 


(17) 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 错 误 和 使 用 情况 报告 页面, 根据 自己 的 需要 进行 选择 ， 
如 图 6.17 所 示 。 





指定 您 愿意 生动 发 送 到 Microsoft 以 改进 SQL Server 的 今后 版 本 的 信息 。 这 些 设置 是 可 迁 的 ， 

Microsoft 会 检 该 信息 视 为 机 二 信息 。 Microsoft 可 能 会 通过 Microsoft Update p 
GRAUE. RECO HUNBNC QR, 这 些 更 新 可 能 会 自动 下 载 并 安装 到 您 的 计算 机 上 , 

查看 关于 SOL Server 隐秘 和 数据 收入 的 Microsoft SEM, — 

MEAZ Microsoft Update 和 局 动 更 新 的 更 多 信息 。 


ee br 该 设置 仅 适用 于 
以 无 用 户 交互 方式 运行 的 服务 (W). 


RGSRRRZUSH Miorot. EARTE ESAEREN EN 
B reset DA HORESEUS SIR ROB D 

















图 6. 17 “错误 和 使 用 情况 报告 ”页面 
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(18) 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 安 装 规则 ”页 面 .如 图 6. 18 所 示 。 

















Reporting Services REIS SHARE. 

Reporting Services 目 录 临 对 数据 库 文件 存在 

[SQL Server 2005 Express 工具 

所作 系统 支持 的 版 本 

FAT32 文件 系统 

SQL Server 2000 Analysis Services (64 (EF 
实例 名 称 

月 版 本 的 Microsoft Visual Studio 2008 
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6.18 “安装 规则 ”页 面 
(19) 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 准 备 安 装 ” 页 面 ,可 看 到 要 安装 的 功能 选项 ,如 图 6. 19 所 示 。 








IPE: Install 
日 MARE 
日 功能 
数据 库 引擎 服务 
SQL Server 复制 
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客户 商工 具 连 接 
Integration Services 
客户 苇 工 具 向 后 兼容 性 
&PRIRSDK 
" VP PES 
配置 文件 路 径 : 


CAProgram Files\Microsoft SQL Server\100\Setup Bootstrap\Log\20120726 144205 Configurati 























(zw) so )| x» J| sa 








图 6. 19 “准备 安装 ”页面 
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(20) 单 击 “ 安 装 ” 按 钮 ,出 现 “ 安 装 进度 ”页 面 ,可 以 看 到 正在 安装 SQL Server 2008, 如 
图 6. 20 所 示 。 


正在 运行 Windows Installer 之 后 的 配置 计时 所 作 . 


š | 
wam —- 





SSISConfigAction install postmsi Cpu32 


数据 库 引擎 配置 
Analysis Services 配置 
Reporting Services 配置 




















图 6.20 “安装 进度 ”页 面 
(21) SQL Server 2008 安装 过 程 完成 ,如 图 6. 21 所 示 。 











功能 名 称 
@ masa ga 
@ sq. Server 复制 
Q e 
@ Analysis Services 
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@ Integration Services 
Q sexIBs 
Q ==rz -== 
@ TIA SOK 
























































图 6.21 安装 过 程 完成 
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(22) 单 击 “下 一 步 ” 按 钮 ,出 现 “ 完 成 ”页 面 ,可 以 看 到 “SQL Server 2008 安装 已 成 功 完 
成 ”的 提示 ,如 图 6. 22 所 示 。 











补充 信息 (S): 
| 下 列 说 明 仅 适用 于 此 发 行 版 的 SQL Server. 





Microsoft Update 


有 关 如 何 使 用 Microsoft Update 来 确定 SQL Server 2008 的 更 新 的 信息 ， 请 访问 Microsoft 
Undate 网 站 <htto://oo.microsoft-.com/fwlink/?1inkld=10840Q> . 网址 为 z 





关闭 帮助 




















6.22 安装 完成 提示 


(23) 单 击 “ 关 闭 ” 按 钮 ,结束 安装 。 在 任务 栏 * 开 始 ” 菜 单 中 ,选择 Microsoft SQL Server 
2008 下 的 “SQL Server 配置 管理 器 ”, 如 图 6. 23 所 示 。 启 动 SQL Server(MSSQLSERVER) 服 
务 , 如 图 6.24 所 示 。 


Ji Microsoft Office 
Ws SQL Server Business Intelligence 
Ws SQL Server Management Studio 
局 导入 和 导出 数据 (32 (2 





图 6.23 选择 “SQL Server 配置 管理 器 ” 


(24) 在 任务 栏 “ 开 始 ” 菜 单 中 单 击 SQL Server Management Studio 选项 ,打开 如 图 6. 25 
所 示 的 对 话 框 。 
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6.25 “连接 到 服务 器 "对话 框 1 


(25) 输入 正确 的 登录 名 和 密码 , 单 击 “ 连 接 ” 按 钮 ,进入 Microsoft SQL Server Management 
Studio 主 界面 窗口 ,如 图 6. 26 所 示 。 


2220 











图 6.26 Microsoft SQL Server Management Studio 主 界面 窗口 1 
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二 、 知 识 学 习 
1. 数据 库 


数据 库 (DataBase,DB) ,顾名思义 就 是 数据 的 仓库 ,是 将 数据 按照 某 种 方式 组 织 起 来 并 
存储 在 计算 机 中 ,以 方便 用 户 使 用 。 它 不 仅 包括 数据 本 身 ,而 且 包 括 相 关 数 据 之 间 的 联系 。 
数据 库 中 的 数据 不 是 只 面向 某 一 项 特定 应 用 ,而 是 面向 多 种 应 用 的 ,可 以 被 多 个 用 户 或 多 个 
应 用 程序 共享 。 数据库 是 用 来 组 织 和 管理 数据 的 一 个 逻辑 单位 。 


2. 数据 库 系统 


数据 库 系统 (DataBase System,DBS) 是 指 在 计算 机 系统 中 引入 数据 库 后 的 系统 构成 ， 
一 般 由 数据 库 、 数 据 库 管理 系统 和 开发 工具 、 应 用 系统 数据 库 管理 员 、 用 户 构成 。 


3. 数据 库 管理 系统 


数据 库 管 理 系统 (DataBase Management System,DBMS) 是 位 于 用 户 与 操作 系统 之 间 
的 一 层 数据 管理 软件 。 数 据 库 在 建立 .运行 和 维护 时 由 数据 库 管理 系统 统一 管理 ,统一 控 
制 。 数 据 库 管理 系统 能 让 用 户 定义 和 操纵 数据 ,并 保证 数据 的 安全 性 、 完 整 性 ,以 及 多 用 户 
对 数据 的 并 发 使 用 和 发 生 故 障 后 的 数据 库 恢复 。 


4. 数据 库 应 用 系统 


数据 库 应 用 系统 (DataBase Application System,DBAS) 是 由 系统 开发 人 员 利 用 数据 库 
系统 资源 开发 出 来 的 ,面向 某 一 类 实际 应 用 的 应 用 软件 系统 。 


5. 关系 数据 库 


建立 在 关系 模型 上 的 数据 库 称 为 关系 数据 库 (Relational DataBase,RDB) , 它 的 核心 是 
DBMS。 一 个 典型 的 关系 数据 库 通常 由 一 个 或 多 个 被 称 作 表 的 对 象 组 成 。 

CD R: 关系 数据 库 所 有 数据 都 是 以 表 的 形式 给 出 的 ,这 个 表 就 是 关系 模型 中 的 关系 ， 
表 6. 1 所 示 是 一 张 学 生 信息 表 。 数 据 库 中 的 每 一 个 表 都 有 自己 的 一 个 名 称 , 且 是 唯一 的 。 
表 由 行 和 列 组 成 ,每 一 行 包 括 了 该 行 字段 名 称 .数据 类 型 以 及 字段 的 其 他 属性 等 信息 ,而 列 
则 具体 包含 某 一 列 的 记录 或 数据 。 


表 6.1 学 生 信息 表 





学 号 姓名 性 别 出 生日 期 专业 
162022101 三 男 1998-02-03 计算 机 科学 
162022102 李 男 1998-07-13 计算 机 科学 
162022103 王 五 女 1997-05-20 计算 机 科学 
162022104 陈 六 女 1998-12-10 计算 机 科学 
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(2) 记录 : 一 条 记录 (或 者 说 一 行 ) 是 一 组 彼此 相关 的 数据 集合 。 记 录 在 关系 模型 中 称 
为 元 组 。 表 6. 1 中 列 出 了 4 条 记录 。 

(3) 字段 : 字段 是 记录 中 单独 的 数据 子 部 分 。 表 中 的 每 一 列 称 为 一 个 字段 ,一 条 记录 
是 由 若干 个 字段 组 成 的 ,每 个 字段 有 自己 的 名 称 和 数据 类 型 。 字 段 在 关系 模型 中 称 为 属性 。 
表 6. 1 中 学 生 的 属性 有 5 个 , 即 学 生 表 有 5 个 字段 。 

(4) 主键 : 能 唯一 地 标识 表 中 的 某 一 条 记录 的 字段 ,可 以 是 单个 字段 ,也 可 以 是 多 个 字 
段 的 组 合 。 主 键 不 允许 为 空 。 表 6. 1 中 ,字段 学 号 作为 该 学 生 信息 表 的 主键 。 

G) 外 键 : 又 称 为 外 码 , 它 表示 该 字段 不 是 本 表 的 主键 ,但 它 是 另 一 张 表 的 主键 。 例 如 
有 另 一 张 成 绩 表 ,里 面 也 有 学 号 这 个 字段 , 则 该 字段 的 值 应 来 自 于 学 生 信息 表 的 主键 ,但 在 
成 绩 表 中 它 只 能 是 外 键 。 

表 的 有 关 特 性 如 下 。 

”每 一 列 中 的 数据 必须 是 同类 型 的 数据 ,具有 相同 的 取 值 范围 。 

”每 一 个 字段 值 必须 是 不 可 再 分 割 的 最 小 数据 项 。 

° 任意 两 条 记录 的 值 不 能 完全 相同 。 

。 表 中 记录 的 次 序 无 关 紧 要 ,改变 一 个 表 中 的 记录 顺序 不 影响 数据 的 含义 。 


任务 2 ”建立 数据 库 和 数据 表 


一 、 任务 实现 





1. 建立 学 生 信息 管理 数据 库 (StuDB) 和 学 生 信息 表 (student) 


CD 启动 SQL Server Management Studio 程序 ,打开 “连接 到 服务 器 ”对 话 框 ,如 图 6. 27 所 
示 。 根 据 提示 输入 正确 的 信息 , 单 击 “ 连 接 ” 按 钮 ,进入 SQL Server Management Studio 主 
界面 窗口 ,如 图 6. 28 所 示 。 






























































图 6.27 “连接 到 服务 器 ”对 话 框 2 


(2) 在 左 侧 “对 象 资源 管理 器 ?下 右 击 “ 数 据 库 ,弹出 快捷 菜单 ,如 图 6. 29 所 示 。 选 择 
“新 建 数据 库 ? 命 令 ,打开 * 新 建 数据 库 ? 窗 口 ,如 图 6.30 所 示 。 
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图 6.28 SQL Server Management Studio 主 界面 窗口 2 
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图 6.29 选择 “新 建 数据 库 ” 
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(3) 在 “数据 库 名 称 ” 中 输入 StuDB。 添 加 StuDB 信息 后 如 图 6. 31 所 示 。 单 击 “ 确 定 ” 
按钮 ,进入 添加 StuDB 窗口 。StuDB 数据 库 创 建 完成 窗口 如 图 6. 32 所 示 。 
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数据 库 文件 中; 

uie 文件 天 型 ”文件 组 DAMB “自动 增长 路 径 
Stub 行 数据 euma [s | 98251 6, 不 限制 增长 (1) C:\Program Pilesvid| 
StaB leg AS 不 通用 1 增 里 为 i06 不 限制 增长 — (1) C:\Program Filezwiq 


















































图 6.31 添加 StuDB 
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图 6.32 StuDB 数据 库 创建 完成 窗口 
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(4) 展开 StuDB 数据 库 项 , 右 击 “ 表 ”, 弹 出 快捷 菜单 ,如 图 6.33 所 示 。 选 择 “ 新 建 表 ” 命 
令 , 打 开 新 建 表 窗 口 ,如 图 6. 34 所 示 。 
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6.33 选择 “新 建 表 ” 
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6.34 新 建 表 窗 口 


(5) 在 新 建 表 窗 口中 输入 相关 字段 名 和 属性 等 信息 ,如 图 6. 35 所 示 。 
(6) 右 击 “学 号 ?字段 ,弹出 快捷 菜单 ,如 图 6.36 所 示 。 选 择 “ 设 置 主键 "命令 ,效果 如 
图 6.37 所 示 。 
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6.35 输入 字段 名 和 属性 信息 





SXGINJMENRICDP3—B - dbo.Table 1“ 
列 名 数据 类 型 允许 Nl 值 

















6.36 右 击 “学 号 ” 























SXGINJMENR7CDP3.—B - dbo.Table 1° vX 
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LL M 
姓名 nchar(10) | 
性 别 nchar) ! 
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6.37 设置 “学 号 "主键 


D 单 击 有 上 方 的 关闭 按钮 ,弹出 询问 是 否 保存 的 对 话 框 ,如 图 6. 38 所 示 。 单 击 
“是 ”按钮 ,弹出 如 图 6. 39 所 示 的 对 话 框 , 在 对 话 框 中 输入 表 名 称 student, 单 击 “ 确 定 ” 按 钮 ， 
表 已 创建 好 。 


保存 对 以 下 各 项 的 更 改 吗 (S)? 
5XGINJMENR7CDP3.StuDB - dbo.Table 1 














Cam ][ em J| ww J 





6.38 询问 是 否 保存 的 对 话 框 




















“选择 名 称 ” 对 话 框 


图 6.39 


项 目 六 ”数据库 基 础 177) 


(8) 在 “对 象 资源 管理 器 "下 展开 StuDB 数据 库 中 的 “ 表 ” 项 , 右 击 dbo. student, 34 H t 
捷 菜单 ,如 图 6. 40 所 示 。 选 择 “ 编 辑 前 200 行 ” 命 令 , 打 开 dbo. student 表 , 如 图 6.41 所 示 。 
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6.40 选择 “编辑 前 200 £7" 














SXGINJMENR7CDP3.StuDB - dbo.student | "x 
学 号 姓名 性 别 出 生日 期 专业 
» | mu NAL naL MaL 
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6.41 dbo. student 表 


(9) 输入 如 下 信息 ,如 图 6.42 所 示 。 





SXGINJMENR7CDP3.StuDB - dbo.student | 








6.42 输入 信息 记录 


信息 与 计算 科学 
信息 与 计算 科学 
信息 与 计算 科学 
mu 
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2. 使 用 SOL 语句 对 表 记 录 进 行 操作 


首先 需要 将 “SQL 窗 格 ” 显 示 出 来 。 单 击 工具 栏 
中 的 “显示 SQL 窗 格 ” 按 钮 ,如 图 6.43 Bron. TE 
"SQL 窗 格 ” 中 输入 如 图 6. 44 所 示 的 SQL 语句 。 若 ç 
要 执行 其 输入 的 SQL 语句 , 单 击 工具 栏 中 的 “执行 ”图 6.43 单 击 “显示 SQL 窗 格 ” 按 钮 
SQL 按钮 ,执行 后 结果 如 图 6. 45 所 示 。 
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dbo.student"| 
SELECT TOP (200) £, 姓名 , 性 别 , 出 生日 期 , 专业 FROM student 





图 6.44 在 “SQL 窗 格 " 中 输入 SQL 语句 





专业 
小 五 1998-0203 。 “信息 与 计算 科学 








JA P 19999713 。 “信息 与 计算 科学 
小 李 女 19970520 “信息 与 计算 科学 
* Mt NAL M M 


图 6.45 ”执行 输入 的 SQL 语句 结果 
CD 查询 student 表 中 的 学 生 信息 。 输 入 语句 和 执行 语句 后 的 结果 如 图 6. 46 所 示 。 











SXSINJMENR7CDP3—B - dbo.student* "x 
Ed TE 姓名 , 性 别 , 出 生日 期 , 专业 








[73 ETE 
16202101 JIA B ”1998-0203 — 信息 与 计算 科学 
16202102 JA 8 1990713 — 信息 与 计算 科学 
16202103 JE E 7052 ë 信息 与 计算 科学 
16202104 小 丽 女 1998-12-10 信息 与 计算 科学 
MUUL M A MUUL M 


图 6.46 查询 所 有 学 生 信息 结果 
(2) 在 student 表 中 插入 一 条 记录 信息 。 输 入 语句 和 执行 语句 后 的 结果 如 图 6. 47 所 示 。 
SXGINJMENR7CDP3...5 - dbo.student"| "x 


uiui c BR 
VALUES — (16202105, ' BOSE 1997-03-18, eciam 








姓名 
JR 
488 
qu 
Eri 
ek 





性 别 出 生日 期 专业 
1998-02-03 信息 与 计算 科学 
1998-07-13 信息 与 计算 科学 
1997-05-20 信息 与 计算 科学 
1998-12-10 信息 与 计算 科学 
1997-03-18 信息 与 计算 科学 





38 X x dmm 


图 6.47 插入 一 条 记录 结果 
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G) 在 student 表 中 将 专业 列 的 值 改 为 “信息 管理 与 信息 系统 ”。 输 入 语句 和 执行 语句 
后 的 结果 如 图 6. 48 所 示 o 


SXGINJMENR7CDP3...B - dbo.student*| 
update student set 专业 = 信息 管理 与 信息 系统 


























w | 学 姓名 性 别 出 生日 其 专业 
» | V 16202101 ^a 5 1998-0203 信息 管理 与 信息 系统 
16202102 4 明 男 1998-07-13 信息 管理 与 信息 系统 
16202103 4 李 x 1997-05-20 信息 管理 与 信息 系统 
16202104 小 丽 x 1998-12-10 信息 管理 与 信息 系统 
16202105 小 张 男 1997-03-18 信息 管理 与 信息 系统 


图 6.48 更 新 “专业 ”字段 值 结果 


(4) 在 student 表 中 删除 姓名 为 “小 张 ”的 记录 。 输 入 语句 和 执行 语句 后 的 结果 如 图 6. 49 
Biz. 





SXGINJMENR7CDP3...B - dbo.student"! X 





DELETE FROM student. 
WHERE (ME USE) 











起 | 学 号 姓名 性 别 出 生日 其 专业 
» 16202101 小 五 男 1998-02-03 信息 管理 与 信息 系统 
16202102 小 明 男 1998-07-13 信息 管理 与 信息 系统 
16202103 JF x 1997-05-20 信息 管理 与 信息 系统 
16202104 小 丽 x 1998-12-10 信息 管理 与 信息 系统 
* UL Mu M MAL MAL 


6.49 删除 “小 张 ?记录 结果 


二 、 知 识 学 习 
1. SOL 基础 


SQL(Structured Query Language, 结 构 化 查询 语言 ) 的 主要 功能 是 同 各 种 数据 库 建立 
联系 ,进行 数据 共享 。SQL 简洁 ,功能 强大 ,简单 易学 。 按 照 ANSI( 美 国 国家 标准 协会 ) 的 
规定 ,SQL 被 作为 关系 型 数据 库 管 理 系统 的 标准 语言 。 


1) SQL 的 主要 功能 
(1) 数据 定义 功能 : 用 于 定义 被 存放 数据 的 结构 和 组 织 , 以 及 各 数据 项 间 的 相互 关系 。 


(2) 数据 检索 功能 : 用 于 使 用 户 或 应 用 程序 从 数据 库 中 检索 数据 并 使 用 这 些 数 据 。 

(3) 数据 操纵 功能 : 使 用 户 或 应 用 程序 通过 SQL 可 以 更 改 数据 库 内 容 , 如 增加 新 数据 、 
删除 旧 数 据 或 修改 已 存 人 的 数据 等 。 

2) SQL 的 主要 特点 

(1) SQL 是 一 种 交互 式 查询 语言 。 用 户 可 以 通过 输入 SQL 命令 以 检索 数据 ,并 将 其 显 
示 在 屏幕 上 。 
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(2) SQL 是 一 种 数据 库 编程 语言 。 程 序 人 员 可 将 SQL 命令 嵌入 到 用 某 种 语言 所 编写 
的 应 用 程序 中 ,以 存 取 数据 库 中 的 数据 。 

(3) SQL 是 一 种 数据 库 管 理 语言 。 数 据 库 管 理 员 可 以 利用 SQL 来 定义 数据 库 组 织 结 
构 、 控 制 数 据 存 取 等 ,从 而 实现 对 大 中 型 数据 库 系 统 的 管理 。 


2. SOL 常用 语句 


1) Select 语句 

Select 语句 在 众多 的 数据 库 中 是 使 用 最 频繁 的 。Select 语句 主要 用 来 对 数据 库 进 行 查 
询 并 返回 符合 用 户 查询 所 需要 的 结果 数据 。 

语法 格式 : 

Select [All|Distinct][Top n] * | 字段 列表 From 表 名 [Where 条 件 表达 式 ] [Group By 字段 名 ] 

[Order By 字段 名 [ASC|DESC]] 

说 明 : 

(1) All 表示 所 有 记录 ,默认 即 为 All; Distinct 表示 重复 记录 只 选取 一 条 ; Top n 表示 
从 记录 中 选择 前 n 条 ; * 表示 选择 表 中 所 有 的 字段 ; 字段 列表 表示 查询 指定 表 中 的 字段 ， 
字段 之 间 要 用 英文 逗号 隔 开 。 

(2) From 子 句 用 于 指定 一 个 或 多 个 表 。 如 果 是 多 个 表 , 表 之 间 要 用 英文 逗号 隔 开 ; 如 
果 所 选 的 字段 来 自 不 同 的 表 , 则 字段 名 前 应 加 表 名 前 级 。 

(3) Where 条 件 表达 式 用 于 查询 时 要 求 满足 的 条 件 。 在 Where 条 件 中 可 以 使 用 一 些 
运算 符 来 设 定 查询 标准 : = (等 于 )、>( 大 于 )、<( 小 于 )、>= (大 于 或 等 于 ) <= (小 于 或 等 
于 ) .<>( 不 等 于 ) ,between( 介 于 ) .in( 在 列表 中 ) \like( 模 糊 查询 ) 。 

(4) Goup By 子 句 表示 按 字段 分 组 。 

(5) Order By 子 句 表示 查询 出 来 的 记录 按 字 段 排序 。ASC 为 升序 ,DESC 为 降序 。 

(6) SQL 不 区 分 大 小 写 。 

2) 统计 函数 

(1) 计数 函数 Count (字段 名 ) : 统计 字段 名 所 在 列 的 行 数 。 一 般 用 CountC * ) 表 示 计 
算 查 询 结果 的 行 , 即 元 组 的 个 数 。 

(2) 求 和 函数 Sum FRA): 对 某 一 列 的 值 求 和 (必须 是 数值 型 字段 ) 。 

(3) 计算 平均 值 Avg( 字 段 名 ): 对 某 一 列 的 值 计算 平均 值 ( 必 须 是 数值 型 字段 ) 。 

(4) 求 最 大 值 Max( 字 段 名 ) : 找 出 某 列 中 的 最 大 值 。 

(5) 求 最 小 值 Min FERA): 找 出 某 列 中 的 最 小 值 。 

例 6.1 输出 student 表 中 的 所 有 字段 和 记录 。 


Select * from student 
例 6.2 输出 student 表 中 的 前 3 条 记录 。 
Select top 3 from student 

例 6.3 输出 student 表 中 的 学 号 、 姓 名 和 专业 。 
Select 学 号 ,姓名 ,专业 from student 
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例 6.4 查询 student KPIA HIH S "figo. 

Select * from student where 性 别 = ' 男 ' 

例 6.5 查询 student 表 中 出 生日 期 在 1998 年 5 月 8 日 至 12 月 1 日 的 学 生 。 
Select * from student where 出 生日 期 between # 1998-05-08 # and # 1998-12-01 # 

例 6.6 查询 student 表 中 姓名 以 * 明 ”结尾 的 学 生 。 

Select * from student where 姓名 like '% Bj 

例 6.7 将 student 表 中 的 学 生 按 学 号 进行 降序 排列 。 

Select * from student order by 学 号 DESC 

例 6.8 查询 student 表 中 的 记录 总 数 。 

Select count( * ) as 总 记录 数 from student 


返回 记录 集中 只 有 一 条 记录 ,一 个 字段 。 总 记录 数 就 是 该 字段 名 称 。 
例 6.9 假定 一 图 书 借阅 系统 有 3 个 表 , 各 表 结 构 如 下 : 


图 书 (总 编号 ,分 类 号 , 书 名 ,作者 ,出 版 单位 ,单价 ) 
读者 ( 借 书 证 号 ,单位 ,姓名 ,性 别 , 职 称 , 地 址 ) 
借阅 ( 借 书 证 号 ,总 编号 , 借 书 日 期 ) 


。 查询 所 有 借阅 了 图 书 的 读者 的 姓名 和 单位 。 
Select 姓名 ,单位 from 读者 ,借阅 where 读者 . 借 书 证 号 = 借阅 . 借 书 证 号 
。 查找 价格 在 20 元 以 上 已 借 出 的 图 书 , 结 果 按 单价 升序 排列 。 
Select * from 借阅 ,图 书 where 图 书 .总 编号 = 借阅 . 总 编号 and 单价 > = 20 order by 单价 ASC 


3) Insert 语句 
在 电子 商务 网 站 的 信息 维护 中 ,经常 需要 向 数据 库 添加 数据 ,如 商品 信息 ,会 员 信息 等 。 
这 时 ,可 通过 Insert 语句 向 表 中 添加 新 数据 。 


语法 格式 : 

Insert Into 表 名 (字段 名 )Values( 字 段 值 ) 

说 明 : 

CD. 要 求 各 字段 值 的 顺序 和 数据 类 型 必须 与 各 字段 名 的 顺序 和 数据 类 型 相对 应 ,否则 
会 出 现 操 作 错 误 。 


(2) 可 以 只 给 部 分 字段 赋值 ,但 是 主键 字段 必须 赋值 。 允 许 为 空 的 和 有 默认 值 的 字段 
名 都 可 以 省 略 ,但 不 允许 为 空 的 字段 不 能 省 略 。 

(3) 不 需要 给 自动 编号 的 字段 赋值 。 

CD 若 字 段 类 型 为 文本 或 备注 型 , 则 该 字段 值 两 边 要 加 引号 ; 若 为 日 期 /时 间 型 , 则 
该 字段 值 两 边 要 加 #; 若 为 数字 型 ,可 直接 写 数字 ; 若 为 逻辑 型 , 则 字段 值 为 True 或 


False。 
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例 6.10 向 student 表 中 添加 一 条 记录 。 


Insert into student( 学 号 ,姓名 ,性 别 ,出 生日 期 ,专业 ) Values('16202107，' 小 雨 ，' 男 , # 1997-06-21 
#,' 信 息 与 计算 科学 ') 


例 6.11 向 student 表 中 添加 一 条 记录 ,只 添加 学 号 和 姓名 。 
Insert into student( 学 号 ,姓名 ) Values('16202106', ' 小 红 ') 


4) Update 语句 

数据 库 中 的 信息 不 是 一 成 不 变 的 ,而 是 每 时 每 刻 都 在 发 生变 化 的 。 例 如 ,图 书 借阅 系统 
中 的 读者 表 地 址 发 生变 化 ,这 时 就 需要 对 已 存在 的 数据 进行 更 新 。 在 SQL 中 ,利用 Update 
语句 来 实现 更 新 数据 的 功能 。 

语法 格式 : 

Update 表 名 Set 字段 名 1 = 字段 值 1, 字 段 名 2= 字段 值 2, … [Where 条 件 表达 式 ] 


说 明 : 如 果 设 定 了 Where 条件, 那么 Where 条 件 用 来 指定 更 新 数据 的 范围 。 如 果 省 略 
Where 条 件 , 则 将 更 新 数据 库 表 中 的 所 有 记录 。 
例如 6.12 将 读者 表 中 小 明 的 地 址 改 为 “ 通 港 路 1 号 ”。 


Update 读者 set 地 址 = ' 通 港 路 1 号 ' Where 姓名 = ' 小 明 ' 
例如 6.13 将 借阅 表 中 的 借 书 日 期 延迟 一 天 。 
Update 借阅 set 借 书 日 期 = 借 书 日 期 +1 


5) Delete 语句 
在 SQL 中 ,利用 Delete 语句 可 以 删除 数据 表 中 的 一 条 记录 或 多 条 记录 。 
语法 格式 : 


Delete from 表 名 [Where 条 件 表达 式 ] 


说 明 : 如 果 设 定 了 Where 条 件 , 那 么 凡是 符合 条 件 的 记录 都 会 被 删除 。 如 果 没 有 符合 
条 件 的 记录 , 则 不 删除 ; 如 果 用 户 在 使 用 Delete 语句 时 不 设 定 Where 条 件 , 则 删除 整个 数 
据 表 的 记录 。 

例 6.14 将 student 表 中 姓名 为 “小 李 ” 的 记录 删除 。 


Delete from student where 姓名 = ' 小 李 ' 
#J 6.15 将 student 表 的 记录 清空 。 


Delete from student 


E% 3 创建 SOL Server 数据 库 的 ODBC 数据 源 


一 、 任 务实 现 
以 Windows 7(64 位 ) 为 例 ,为 数据 库 StuDB 建立 数据 源 。 
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i 
CD 选择 “开始 ”|“ 控 制 面板 "命令 ,打开 “所 有 控制 面板 项 ”, 如 图 6.50 所 示 。 单 击 “ 管 
理工 具 ” 命 令 , 打 开 “ 管 理工 具 ” 窗 口 ,如 图 6. 51 所 示 。 双 击 “ 数 据 源 (ODBC)” 命 令 , 打 开 
“ODBC 数据 源 管理 器 "对话 框 ,如 图 6. 52 所 示 。 
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6.51 “管理 工具 ”窗口 
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Excel Files Microsoft Excel Driver (*.xls, *.x| 
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6.52 “ODBC 数据 源 管理 器 ”对 话 框 


(2) 在 “用 户 DSN” 选 项 卡 中 单 击 “ 添 加 ”按钮 ,打开 “创建 新 数据 源 ” 对 话 框 ,如 图 6. 53 
所 示 。 选 择 SQL Server, 单 击 “ 完 成 "按钮 ,打开 “创建 到 SQL Server 的 新 数据 源 ” 对 话 框 ， 
如 图 6. 54 所 示 。 


选择 您 想 为 其 安装 歼 据 源 的 驱动 程序 G) 


版 本 
5.01. 7601. 1751: 
SQL Server Native Client 10.0 2007. 100. 1600. 














6.53 “创建 新 数据 源 " 对 话 杠 


| HATAMARIA FER SQL Server 的 0DBC 数据 源 。 


您 想 用 什么 名 称 来 命名 数据 源 ? 

















图 6.54 “创建 到 SQL Server 的 新 数据 源 ” 对 话 框 
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Ti 
(3) 在 “名 称 ” 文 本 框 中 输入 news, 在 “描述 "文本 框 中 输入 “StuDB 数据 源 ”, 在 “服务 
器 ”文本 框 中 输入 5XGINJMENR7CDP3 ,如 图 6. 55 所 示 。 





贞 问 导 将 帮助 建立 一 个 能 用 于 连接 SQL Server 的 0DBC HRR 
您 想 用 什么 名 称 来 命名 数据 源 ? 
ERO: ses 


FED: sersHER 


您 想 连接 哪 一 个 SQL Server? 
RASO: SIINNE 











图 6.55 输入 数据 源 信息 
(D 单 击 “下 一 步 按 钮 ,打开 如 图 6. 56 所 示 的 DNS 配置 对 话 框 。 选 项 取 默 认 值 , 单 击 
“下 一 步 ? 按 钮 ,打开 如 图 6.57 所 示 的 DNS 配置 对 话 框 。 
NE e) 


maa 





SAL Server 应 该 如 何 验证 登录 1D MINH? 
© 使 用 网 络 登 录 ID 的 Yindovs NT 验证 四 。 
O 使 用 用 户 输入 登录 Ip 和 密码 的 SQL Server MEG)» 
要 更 改 用 于 与 SQL Server WIRE: Mt FARNE” 
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C OMBEREHGSSHERGER a) 

国 使 用 ASI 引用 的 标识 符 QD。 
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DRE SE ene 不 可 用 ， 请 使 用 故障 转移 











GOE) [ma J 








图 6.57 DNS 配置 对 话 框 2 
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(5) 单 击 “更 改 默认 的 数据 库 为 "下 拉 列 表 框 ,选择 StuDB, 其 他 选项 取 默 认 值 ,如 图 6. 58 
所 示 。 
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6.58 选择 StuDB 


(6) 单 击 “下 一 步 ? 按 钮 ,进入 DNS 配置 对 话 框 ,如 图 6. 59 所 示 。 选 项 取 默 认 值 , 单 击 
“完成 ”按钮 ,打开 “ODBC Microsoft SQL Server 安装 ”对 话 框 ,如 图 6. 60 所 示 。 


(Simplified Chinese - 


DARAT 、 die AHN AEE QD 。 
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Microsoft SQL Server ODBC 驱动 程序 版 本 06.01.7601 























6.60 “ODBC Microsoft SQL Server 安装 ”对 话 框 
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CD 单 击 “ 确 定 ” 按 钮 ,返回 “ODBC 数据 源 管理 器 "对 话 框 ,可 以 看 到 添加 的 数据 源 
news, 如 图 6.61 所 示 。 至 此 ,数据 源 添加 完毕 。 
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6.61 添加 数据 源 news 


二 、 知 识 学 习 
1. ODBC 数据 源 


ODBC(Open DataBase Connectivity) 又 称 为 开放 数据 库 互 联 , 它 建立 了 一 组 规范 ,并 提 
供 了 一 组 对 数据 库 访 问 的 标准 API( 应 用 程序 编程 接口 ) 来 管理 和 操作 数据 库 。 


2. 数据 库存 取 技术 ADO 


ADO( Active Data Objects) 是 一 组 具有 访问 数据 库 功 能 的 对 象 和 集合 。 它 是 微软 对 所 
支持 的 数据 库 进 行 操作 的 最 有 效 和 最 简单 的 方法 ,可 用 于 访问 存储 在 数据 库 或 其 他 表格 形 
式 数据 结构 中 的 数据 。 它 包括 Connection; Command 及 Recordset 3 个 主要 对 象 ,其 中 
Connection 为 数据 库 连 接 对 象 ,主要 负责 建立 与 数据 库 的 连接 ; Command 对 象 为 数据 库 命 
令 对 象 ,负责 执行 数据 库 的 数据 操作 ; Recordset 对 象 为 记录 集 对 象 ,用 于 返回 从 数据 库 查 
询 到 的 记录 。 记 录 集 类 似 于 一 个 数据 库 中 的 表 , 由 若干 列 和 若干 行 组 成 ,可 以 看 作 是 一 个 虚 
拟 的 表 。 

由 于 3 个 对 象 功能 有 交叉 ,所 以 使 用 时 Command 对 象 经 常 可 以 省 略 。 

1) Connection 对 象 

Web 页 面 要 访问 数据 库 , 必 须 和 数据 源 建 立 连接 ,因此 ,可 以 使 用 Connection 对 象 , 建 
立 并 管理 Web 程序 和 数据 库 之 间 的 连接 。 

Connection 对 象 的 常用 属性 如 表 6. 2 所 示 Connection 对 象 的 常用 方法 如 表 6. 3 所 示 。 

在 使 用 Connection 对 象 之 前 ,必须 先 创建 Connection 对 象 实例 。 可 通过 调用 Server 
对 象 的 CreateObject 方法 实现 。 
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表 6.2 Connection 对 象 的 常用 属性 





属 性 作 用 
ConnectionString 建立 与 数据 源 的 连接 的 相关 信息 
DataSource 用 来 获取 数据 源 的 服务 器 名 或 文件 名 
Provider 用 来 指定 数据 库 驱 动 程序 
Database 用 来 指定 要 连接 的 数据 库 名 称 
State 显示 Connection 对 象 当 前 的 连接 状态 


表 6.3 Connection 对 象 的 常用 方法 





方 法 作 H 

Open 打开 一 个 数据 源 连 接 

Close 关闭 与 数据 源 的 连接 以 及 相关 的 对 象 

Execute 执行 一 个 相关 的 查询 (SQL 语句 、 存 储 过 程 或 数据 提供 者 特定 文本 ) 
语法 格式 : 


Set Connection 对 象 实例 = Server. CreateObject("ADODB. Connection") 


建立 了 实例 以 后 ,并 没有 实现 与 数据 库 的 真正 连接 ,还 需要 利用 Connection 对 象 的 
Open 方法 建立 与 数据 库 真正 的 连接 。 

语法 格式 : 

Connection 对 象 实例 . Open 数据 库 连 接 字符 串 


这 里 的 数据 库 连 接 方式 有 多 种 ,下面 主要 介绍 SQL Server 数据 库 的 连接 。 

例如 ,现在 已 建立 了 一 个 SQL Server 数据 库 , 数 据 库 名 为 StuDB, 数 据 库 登录 账号 为 
admin ,密码 为 admin,ODBC 数据 源 名 称 为 news. 

(1) ASP 下 连接 方式 有 以 下 3 种 。 

(D 基于 ODBC 数据 源 的 连接 。 


<% 
Dim conn 
Set conn = Server. CreateObject ( " ADODB. Connection") 
conn. Open "DSN = news; Uid = admin; Pwd = admin" 
$> 
说 明 : DSN 为 数据 源 ,Uid 为 数据 库 登 录 账 号 ,Pwd 为 数据 库 登 录 密码 。 
四 基于 ODBC, 但 是 不 用 数据 源 的 连接 方式 。 
<% 
Dim conn 
Set conn = Server. CreateObject( " ADODB. Connection") 
conn. Open"Driver - (SQL Server); Server - localhost;Database - StuDB; 
Uid- admin; Pwd = admin" 
第 > 
说 明 : Server 为 SQL Server 的 服务 器 名 称 ,Database 为 数据 库 的 名 称 ,Uid 为 数据 库 
登录 账号 ,Pwd 为 数据 库 登 录 密 码 。 
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© 基于 OLE DB 的 连接 方式 。 


<% 

Dim conn 

Set conn = Server. CreateObject( " ADODB. Connection") 

conn. Open "Provider = SQLOLEDB; Data? Source = localhost; initial?Catalog = StuDB; Uid = 
admin; Pwd = admim" 
$> 


说 明 : Data Source 为 SQL Server 的 服务 器 名 称 ,initial Catalog 为 数据 库 的 名 称 ,Uid 
为 数据 库 登 录 账 号 ,Pwd 为 数据 库 登录 密码 。 
(2) ASP.NET 下 的 连接 方式 如 下 。 


< connectionStrings > 
< add name = "conn" connectionString = "server = . ;database = StuDB;uid = admin; 
pwd = admin" /> 
</connectionStrings > 


说 明 : name 是 连接 字符 串 的 名 称 , connectionString 指定 要 连接 数据 库 的 字符 串 ， 
server 为 SQL Server 的 服务 器 名 称 ( 如 果 server—. 表示 本 地 服务 器 ,也 可 以 写成 server = 
ip 地 址 ) ,database 为 数据 库 的 名 称 ,Uid 为 数据 库 登 录 账 号 ,Pwd 为 数据 库 登 录 密码 。 

例 6.16 fE Windows 7(64 位) 操作 系统 中 ,编写 程序 验证 在 ASP 下 的 Connection 
对 象 连 接 数 据 库 并 读 取 数据 。 以 SQL Server 2008 登录 账户 为 sa、 登 录 密 码 为 
LUOjiaohuang123456789! .数据库 为 StuDB 和 数据 表 为 student 为 例 。 

connection. asp 代码 如 下 : 


<% 
Dim conn 
Set conn = Server. CreateObject ("ADODB. Connection") 
conn. Open"Driver = (SQL Server}; Server = localhost;Database = StuDB; Uid = sa; 
Pwd = LU0jiaohuang123456789!" 
dim rs,aa 
aa= "select * from student" 
set rs = conn. execute(aa) 
L Ed 
< table align = "center"»« tr >< td» student 表 </td></tr></table> 
< table border = "1" align = "center" 
< * do while not rs. eof $^ 
<tr><td> 
<% = rs(" 学 号 ") $>,<% =rs(" 姓 名 ") %>,<% =rs(" 性 别 ")%>,<% = rs(" 出 生日 期 ") %>,<% = rs 
("专业 ") wo 
</td></tr> 
<% rs.movenext 
loop $> 
</table> 


程序 运行 结果 如 图 6. 62 所 示 。 


例 6.17 在 Windows 7(64 位 ) 操 作 系统 下 ,ASP .NET 开发 环境 为 Visual Studio 
2010 ,数据 库 为 SQL Server 2008.i& A 2g C # ,编写 程序 测试 Connection 对 象 连接 数据 库 
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student 表 











16202101, 小 五 ， 男 , 1998-02-03, 信息 与 计算 科学 | 
16202102, 小 明 , $ , 1998-07-13, 信息 与 计 
16202103, 小 李 , 3r , 1997-05-20, 信息 与 计算 科学 
16202104, 小 丽 Xx , 1998-12-10, 信息 与 计算 科学 | 



















































































6.62 ASP 下 Connection 对 象 连接 数据 库 并 读 取 数 据 


状态 。 以 SQL Server 2008 登录 账户 为 sa、 登 录 密 码 为 LUOjiaohuang1234567891、 数 据 库 
为 StuDB 和 数据 表 为 student 为 例 。 
connection. aspx 代码 如 下 : 


<% (à Page Language = "Cit" AutoEventWireup = "true" CodeFile = "connection. aspx. cs" Inherits 
= "Ex4_11" %> 
<!DOCTYPE html > 
<html xmlns = "http://www. w3. org/1999/xhtm1"> 
< head runat = "server"> 
< neta http- equiv = "Content - Type" content = "text/html; charset = utf - 8" /> 
< title> connection 连接 测试 </title> 
</head> 
< body> 
< form id = "form1" runat = "server"> 
<div> 
</div> 
</form> 
</body> 
</html> 


connection. aspx. cn 代码 如 下 : 


using System; 

using System. Collections. Generic; 

using System. Linq; 

using System. Web; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Data. Sq1C1ient; 

public partial class Ex4_11 : System. Web. UI. Page 


{ 
protected void Page Load(object sender, EventArgs e) 
t 
testmycon(); 
) 


public void testmycon() 
{ 


) 


TEAK 数据 库 基础 fw) 
SglConnection con = new SqlConnection(); 
con.ConnectionString = "Data Source = .;Database" + 
"= StuDB;User Id = sa; Password = LU0jiaohuang123456789! " ; 
con. Open( ) ; 
Response. Write("" 连 接 目前 的 状态 :”+ con. State.ToString() + "«br»"); 
con. Close(); 
Response. Write("" 连 接 目前 的 状态 :”+ con.State.ToString() + "«br»"); 


程序 运行 结果 如 图 6. 63 所 示 。 














< (E)Z hp:/ñocalbost1459/Desktop1/connection.aspx 





* 
连接 目前 的 状态 ，Open 
连接 目前 的 状态 ，Closed 














6.63 测试 Connection 对 象 连接 数据 库 状 态 


2) Command 对 象 

Command 对 象 表示 要 对 数据 库 执行 SQL 语句。 在 建立 了 与 数据 源 的 连接 后 ,可 以 用 
Command 对 象 执行 命令 并 从 数据 源 中 返回 结果 。Command 对 象 的 常用 属性 如 表 6.4 所 
示 ,Command 对 象 的 常用 方法 如 表 6. 5 所 示 。 


表 6.4 Command 对 象 的 常用 属性 








属 性 作 用 

CommandType 获取 或 设置 Command 对 象 要 执行 命令 的 类 型 

CommandText 获取 或 设置 对 数据 源 执 行 的 SQL 语句 或 表 名 

CommandTimeOut 获取 或 设置 在 终止 对 执行 命令 的 尝试 并 生成 错误 之 前 的 等 待 时 间 

Connection 获取 或 设置 此 Command 对 象 使 用 的 Connection 对 象 的 名 称 

表 6.5 Command 对 象 的 常用 方法 

J dX 作 用 
ExecuteNonQuery 执行 SQL 语句 并 返回 受 影响 的 行 数 
ExecuteScalar 执行 查询 ,并 返回 查询 所 返回 的 结果 集中 第 一 行 的 第 一 列 。 忽 略 其 他 列 或 行 
ExecuteReader 执行 返回 数据 集 的 Select 语句 
Dispose 释放 Command 对 象 占 有 的 资源 


例 6.18 f Windows 7(64 位 ) 操 作 系 统 下 ,ASP .NET 开发 环境 为 Visual Studio 
2010 ,数据 库 为 SQL Server 2008, 语 言 为 CH ,编写 程序 验证 Command 对 象 向 数据 库 添 加 
记录 。 以 SQL Server 2008 登录 账户 为 sa 登录 密码 为 LUOjiaohuang1234567891!、 数 据 库 
为 StuDB 和 数据 表 为 student 为 例 。 

command. aspx 代码 如 下 : 


192 ”网 站 设计 与 管理 项 目 化 教程 


<% (à Page Language = "C£" AutoEventWireup = "true" CodeFile = "command. aspx. cs" Inherits - " 
Ex4 14" %> 
<!DOCTYPE html > 
< html xmlns = "http://www. w3. org/1999/xhtm1"> 
< head runat = "server"> 
< neta http- equiv = "Content - Type" content = "text/html; charset = utf - 8" /> 
< title></title> 
</head> 
< body> 
< form id= "forml" runat = "server"> 
<div> 
</div> 
</form> 
</body> 
</html > 


command. aspx. cs 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Linq; 
using System. Web; 
using System. Web. UI; 
using System. Web. UI. WebControls; 
using System. Data. SglClient; 
public partial class Ex4 14 : System. Web. UI. Page 
í 
protected void Page Load(object sender, EventArgs e) 
{ 
testcommandsql(); 
) 
SqlConnection getcon() 
{ 
SqlConnection con = new SqlConnection(); 
con. ConnectionString = "Data Source = . ; Database" + 
"= StuDB;User Id = sa; Password = LU0jiaohuang123456789! " ; 
con. Open( ) ; 


return con; 





) 
public void testcommandsql() 
{ 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = getcon(); 
cmd. CommandText = "INSERT INTO student( 学 号 ,姓名 ,性 别 ,出 生日 期 ,专业 )" + 
"VALUES( '16202207', ' 赵 六 ', ' 男 ', '1996 - 01 - 30", ' 工 商 管理 ')"; 
cmd. ExecuteNonQuery( ) ; 
Response. Write( "记录 添加 完毕 !"); 
cmd. Connection. Close(); 
cmd. Dispose(); 
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程序 运行 结果 如 图 6.64 所 示 。 程 序 运行 后 数据 表 student 信息 如 图 6. 65 所 示 。 


| Coe http;//localhost1459/Desktopl/command.aspx D ~ È 
LJ 

|| 

| 记录 添加 完毕 ! 


























图 6.64 Command 对 象 添加 记录 提示 
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6.65 command. asp 程序 运行 后 数据 表 student 信息 


3) Recordset 对 象 

利用 Connection 对 象 能 方便 地 实现 记录 的 查询 .添加 和 删除 等 操作 ,但 该 对 象 返 回 的 
记录 指针 只 能 向 前 移动 且 记 录 集 是 只 读 的 。 因 此 ,ADO 提供 了 功能 强大 的 Recordset 对 
象 ,使 用 该 对 象 的 一 些 属性 和 方法 .能 更 加 精确 地 控制 指针 的 行为 ,提高 查询 和 更 新 结果 的 





效率 。 
Recordset 对 象 的 常用 属性 如 表 6. 6 所 示 , Recordset 对 象 的 常用 方法 如 表 6.7 所 示 。 
36.6 Recordset 对 象 的 常用 属性 36.7 Recordset 对 象 的 常用 方法 
B 性 作 H Ù ”法 作 H 
RecordCount ”用 于 返回 记录 集中 的 记录 总 数 Open 获取 显示 对 象 的 真正 数据 
Bof, Eof 用 于 判断 指针 是 指 域 文 件 头 或 Close 关闭 Recordset 对 象 实例 的 记录 集 
文件 尾 AddNew ”添加 一 条 新 的 记录 
PageSize 用 于 设置 每 一 页 的 记录 数 Delete 删除 当前 记录 
PageCount 用 于 返回 数据 页 的 总 数 Update 更 新 数据 库 数 据 


创建 Recordset 对 象 有 显 式 和 隐 式 两 种 。 使 用 Connection 和 Command 对 象 执行 SQL 
查询 语句 后 就 会 隐 式 返回 一 个 记录 集 对 象 , 称 为 隐 式 Recordset 对 象 。 显 式 Recordset 对 象 
可 通过 调用 Server 对 象 的 CreateObject 方法 实现 。 

语法 格式 : 

Set Recordset 对 象 实 例 = Server. CreateObject("ADODB. Recordset" ) 


建立 了 实例 以 后 ,并 没有 任何 可 提供 使 用 的 记录 数据 ,还 需要 利用 Recordset 对 象 的 
Open 方法 获取 真正 的 数据 记录 。 
语法 格式 : 


Recordset 对 象 实例 . Open [Source], [ActiveConnection], [CursorType], [LockType], [Options] 
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说 明 : 

Source 可 以 是 SQL 语句 、 表 名 或 存储 过 程 等 。 

ActiveConnection 为 数据 库 连 接 字 符 串 。 

CursorType 用 来 确定 打开 记录 集 使 用 的 指针 类 型 。0: 为 默认 值 ,指针 仅 向 前 移动 ; 
1: 表示 指针 可 前 后 移动 ; 2: 指针 为 动态 ; 3: 指针 为 静态 。 

LockType 用 来 确定 打开 Recordset 时 使 用 的 锁定 类 型 。1: 为 默认 值 ,只 读 ,不 允许 修 
改 记 录 集 ; 2. 只 能 同时 由 一 个 客户 修改 ,修改 时 锁定 ,修改 完毕 释放 ; 3: 可 以 修改 ,只 有 在 
修改 瞬间 即 调用 Update 方法 时 才 锁 定 记 录 ; 4: 在 批量 更 新 时 使 用 锁定 。 

Options 指定 数据 库 查 询 指令 类 型 。 一 1: 默认 值 , 由 系统 自己 根据 Source 参数 而 确 
定 ; 1: Source 参数 是 SQL 语句 ; 2: Source 参数 是 一 个 数据 表 名 ; 3: Source 参数 是 一 个 存 


Open 后 带 5 个 参数 ,如 果 没 有 具体 要 求 ,一 般 可 以 省 略 后 面 3 个 参数 ,省略 时 必须 留 出 
位 置 。 


例 6.19 在 Windows7(64 位) 操作 系统 中 ,编写 程序 验证 在 ASP FE Recordset 对 
象 的 属性 和 方法 ,向 数据 库 添 加 一 条 记录 。 以 SQL Server 2008 登录 账户 为 sa、 登 录 密 码 为 
LUOjiaohuang123456789 ! 数据库 为 StuDB 和 数据 表 为 student 为 例 。 

recordset. asp 代码 如 下 ; 


<% 

Dim conn 

Set conn = Server. CreateObject ( " ADODB. Connection") 
conn. Open"Driver = (SQL Server}; Server = localhost;Database = StuDB; Uid = sa; 
Pwd = LU0jiaohuang123456789!" 

dim rs, sql 

set rs = Server. CreateObject ( " ADODB. Recordset" ) 
sql = "select * from student" 

rs. open sql,conn,1,3 

rs.addnew 

rs(" 学 号 ") = "16202204" 

rs(" 姓 名 ") = "小 美 " 

rs(" 性 别 ") = "£" 

rs(" 出 生日 期 ") = #1998-10-038 

rs(" 专 业 ") = "电子 商务 " 

rs. update 

rs.close 

set rs= nothing 

response. write" 添 加 记录 完成 " 

第 > 


程序 运行 结果 如 图 6. 66 所 示 。 程 序 运行 后 数据 表 student 信息 如 图 6. 67 所 示 。 

例 6.20 在 Windows 7(64 位 ) 操 作 系统 下 ,ASP .NET 开发 环境 为 Visual Studio 
2010 ,数据 库 为 SQL Server 2008, 语 言 为 C # ,编写 程序 验证 使 用 DataReader 对 象 显示 数 
据 库 记 录 。 以 SQL Server 2008 登录 账户 为 sa、 登 录 密码 为 LUOjiaohuang1234567891、 数 
据 库 为 StuDB 和 数据 表 为 student 为 例 。 


























项 目 六 
6.66 Recordset 对 象 添 加 记录 提示 
SXGINJMENR7CDP3.StuDB - dbostudent| "x 
学 号 姓名 性 别 出 生日 其 专业 
16202101 小 五 男 1998-02-03 信息 与 计算 科学 | 
16202102 E] B 1998-07-13 信息 与 计算 科学 
16202103 IF k 1997-05-20 信息 与 计算 科学 
16202104 小 丽 x 1998-12-10 信息 与 计算 科学 
D am — 4000 0X Q meno e 0000 
16202207 赵 六 男 1996-01-30 工商 管理 I 
* [wu mu MAL MAL nu 


图 6.67 recordset. asp 程序 运行 后 数据 表 student 信息 


DataReader. aspx 代码 如 下 : 


数据 库 基础 


<% @ Page Language = "C # " AutoEventWireup = "true" CodeFile = "DataReader. aspx. cs" Inherits = 


"Ex4_14" >% 
<!DOCTYPE html» 


<html xmlns = "http://www. w3. org/1999/xhtm1"> 


< head runat = "server"> 


< meta http- equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 


<title></title> 
</head> 
<body> 
< form id= "forml" runat = "server"> 
<div> 
</div> 
</form> 
</body> 
</html> 


DataReader. aspx. cs 代码 如 下 : 


using System; 

using System. Collections. Generic; 
using System. Linq; 

using System. Web; 

using System. Web. UI; 

using System. Web. UI. WebControls; 
using System. Data. Sq1C1ient; 


public partial class Ex4_14 : System. Web. UI. Page 


í 
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protected void Page Load(object sender, EventArgs e) 


t 
testDatareader(); 

} 

SqlConnection getcon() 

{ 
SqlConnection con = new SqlConnection(); 
con.ConnectionString = "Data Source = .;Database" + 

"= StuDB;User Id = sa; Password = LU0jiaohuang123456789! " ; 

con. Open( ) ; 
return con; 

) 

public void testDatareader() 

{ 


String sql = "SELECT * FROM student"; 
SqlCommand cmd = new SqlCommand( sql, getcon( ) ) ; 
SqlDataReader reader = cmd. ExecuteReader() ; 
int i; 
Response. Write("< table border = '1'>< tr Align = 'center'?"); 
for(i= 0;i« reader. FieldCount; i++) 
{ 
Response. Write("< td>" + reader. GetName(i) + "</td>"); 
} 
Response. Write("</tr>"); 
while (reader. Read( ) ) 
{ 
Response. Write("< tr>"); 
for(i= 0;i< reader. FieldCount; i++) 


{ 
if ( reader. GetName( i)!= "birthdate" ) 
{ 
Response. Write("< td>" + reader. GetValue(i) + "</td>"); 
} 
else 
{ 


Response. Write ( "< td >" + Convert. ToDateTime ( reader. GetValue (i)). 
ToShortDateString() + "</td>"); 
} 


} 

Response. Write("«/tr»"); 
) 
Response. Write("«/table»"); 
reader.Close(); 
cmd. Connection. Close(); 
cmd. Dispose(); 


) 


程序 运行 结果 如 图 6. 68 所 示 。 
说 明 : DataReader 对 象 用 于 顺序 读 取 数据 ,每 次 以 只 读 的 方式 读 取 一 条 记录 ; 
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图 6.68 使 用 DataReader 对 象 读 取 数据 表 student 数据 


DataReader 对 象 是 抽象 类 ,不 能 直接 实例 化 ,而 是 通过 Command 对 象 的 ExecuteReader Jy 
法 返回 DataReader 实例 。 

DataReader 对 象 的 常用 属性 如 表 6. 8 所 示 , DataReader 对 象 的 常用 方法 如 表 6. 9 
所 示 。 


表 6.8 DataReader 对 象 的 常用 属性 





AR 性 fF H 
FieldCount 获取 当前 行 的 列 数 
Item 索引 器 属性 ,以 原始 格式 获得 一 列 的 值 
IsClose 获得 一 个 表明 数据 阅读 器 有 没有 关闭 的 一 个 值 
RecordsAffected 获取 执行 SQL 语句 所 更 改 、 添 加 或 删除 的 行 数 


表 6.9 DataReader 对 象 的 常用 方法 





JP 法 作 用 
Read 使 DataReader 对 象 前 进 到 下 一 条 记录 (如 果 存 在 记录 ) 
Close 关闭 DataReader 对 象 ,但 不 会 关闭 底层 连接 
Get 用 来 读 取 数 据 集 的 当前 行 的 某 一 列 的 数据 
NextResult 获取 执行 SQL 语句 所 更 改 、 添 加 或 删除 的 行 数 
GetName 用 来 获得 当前 行 某 一 字段 的 名 称 
GetValue 用 来 获得 当前 行 某 一 字段 的 值 
E 项 目 练习 | 
一 、 实 训 题 


1. 在 自己 的 计算 机 上 安装 SQL Server 2008 数据 库 。 

2. 使 用 SQL Server 2008 新 建 一 个 课程 表 ( 字 段 自 定 ,记录 自 定 ) ,并 练习 使 用 Select, 
Insert Into, Update 和 Delete 语句 对 输入 的 记录 进行 操作 。 

3. Æ ASP 下 使 用 Connection 对 象 和 Recordset 对 象 对 课程 表 数 据 进行 存 取 操作 。 

4. 在 ASP .NET 环境 下 使 用 Command 对 象 向 课程 表 存 人 数据 ; 使 用 DataReader 对 
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象 读 取 课 程 表 数据 。 
二 、 练 习题 
1. 选择 题 
CD 如 果 一 个 记录 集 为 空 ,那么 Bof Eof 属性 的 值 分 别 为 ( D. 
A. True,False B. True, True 
C. False, True D. False,False 
(2) 以 下 不 是 SQL 的 主要 特点 的 是 ( Jo 
A. SQL 是 一 种 交互 式 查 询 语 言 B. SQL 是 一 种 数据 库 编程 语言 
C. SQL 是 一 种 数据 库 管 理 语言 D. SQL 是 一 种 非 结构 化 编程 语言 
(3) 输出 student 表 中 的 前 3 条 记录 ,以 下 语句 ( DEEM 
A. Select top 3 from student B. Select 3 from student 
C. Select 3 top from student D. Select * from student 
(4) 以 下 ( ”) 不 是 ADO 包含 的 3 个 常用 的 主要 对 象 。 
A. Connection B. Command C. Open D. Recordset 


(5) @J#Ë— ` Connection 对 象 实例 为 conn, 以 下 语句 ( ) 是 正确 的 。 
A. Set Connection conn= Server. CreateObject( " ADODB. Connection") 
B. Set conn= Server. CreateObject( "ADODB. Connection") 
C. Set Connection conn= Server. CreateObject( ADODB. Connection) 


D. Set Connection conn= Server("ADODB. Connection") 





2. 填空 题 

(1) DBS 是 指 , DBMS 是 指 RDB 是 指 š 

(2) 表 是 由 和 组 成 。 

(3) 记录 在 关系 模型 中 称 为 ,字段 在 关系 模型 中 称 为 

(4) 能 唯一 地 标识 表 中 的 某 一 条 记录 的 字段 , 它 可 以 是 单个 字段 也 可 以 是 多 
个 字段 的 组 合 。 

(5) 外 键 又 称 为 

3. 简 答题 


(1) 分 别 写 出 连接 SQL Server 数据 库 的 几 种 方式 。 

(2) Connection 对 象 的 Execute 方法 返回 的 记录 集 与 显 式 建立 的 Recordset 对 象 有 什 
么 不 同 ? 

(3) 简 述 安装 SQL Server 2008 的 操作 流程 。 


子 商 务 网 站 的 
营 管 理 与 维护 


电 
运 


dA. 页 目 学 习 目标 | 
.了 解 电子 商务 网 站 运营 管理 的 概念 和 意义 ; 
.掌握 电子 商务 网 站 安全 防范 措施 ; 

3. 熟悉 网 站 运营 与 管理 的 内 容 ; 

4. 掌握 网 站 推广 的 概念 和 方法 。 


项目 任 务 | 


。 任务 1 电子 商务 网 站 服务 器 (Windows Server 2008 R2) 的 安全 设置 

本 任务 的 目标 是 学 会 利用 注册 表 对 端口 号 进行 设置 ,对 网 站 的 访问 权限 进行 设置 ,对 系 
统 自 带 防 火 墙 的 入 站 规则 进行 设置 。 

* 任务 2 利用 网 络 媒体 对 某 电子 商务 网 站 进行 推广 

本 任务 的 目标 是 学 会 应 用 网 络 媒体 和 网 络 技术 对 电子 商务 网 站 进行 推广 ,掌握 网 络 媒 
体 推广 的 方法 和 作用 。 


(任务 1 电子 商务 网 站 服务 器 (Windows Server 2008 R2) 的 
安全 设置 


1 
2 
3 
l 





一 、 任 务实 现 
1. 修改 3389 端口 与 更 新 补丁 


CD 选择 “开始 ”1“ 运 行 ”命令 ,打开 “运行 "输入 框 .输入 regedit, 按 Enter 键 ,打开 注册 

表 , 展 开 HKEY _LOCAL_MACHINE\SYSTEM\CurrentControlSet\ Control\ Terminal 

Server\Wds\rdpwd\Tds\tcp, 在 右 侧 找到 PortNumber, 如 图 7. 1 所 示 。 双 击 该 项 值 ,默认 

显示 的 是 十 六 进 制 数据 d3d, 选 择 “ 十 进 制 " 后 变 为 3389 ,修改 它 就 是 修改 远程 连接 的 端口 ， 
如 修改 为 3798, 如 图 7.2 所 示 , 单 击 “ 确 定 ” 按 钮 保存 。 

(2) 展开 HKEY LOCAL. MACHINE \ SYSTEM WV CurrentControlSet V Control V 

Terminal Server\WinStations\RDP-Tcp, 如 图 7. 3 所 示 。 在 右 侧 将 其 PortNumber 的 值 修 
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> k. Stillmage 名 称 

l-J Storage aU) gk) REG. SZ 
ck. Systeminformation SélnteractiveDelay. REG DWORD 
> k. SystemResources jOutBufCount ^ REG DWORD 


b BB TabletPC he 
4 AK Terminal Server fi) OutBufDelay REG DWORD 


| bk Addins TÌ OutBufLength REG DWORD 0x00000212 (530) 
b] ConnectionHandler TÌ) PdClass REG_DWORD 0x00000002 (2) 


| =} DefaultUserConfiguratior || *'IPdDLL REG SZ tdtcp 
b |, KeyboardType Mapping a 到 pdfFlag REG DWORD 0x0000004e (78) 
b-J RCM aU PdName REG SZ tep 
— SessionArbitrationHelpe! | WEA REG DworD 0x00000d3d (3389) 
ck. SysProcs 3URequiredPds — REG MULTI SZ 
b- TerminalTypes 3l ServiceName 
bÜ Utilities 



































b k. TerminalTypes 

bk. Utilities 0x00000002 (2) 
| ° 8 voeo 0x0000000b (11) 
| Pd was tdtc 

4 k. winstations P 

»-). Console meray 

| bd RDP-Tcp 0x0000004e (78) 
k. TimeZonelnformation 0x00000000 (0) 
k Ubpm tcp 
b]. usbflags tssecsrv 
> JÈ usbstor | PortNumber | 0x00000d3d (3389) 
> k VAN i 0x00000001 (1) 
> k Video Ox00000001 (1) 


b>- wcncsvc " nvnnnnnnon mm. 











7.3 修改 远程 连接 端口 注册 表 项 PortNumber 2 


改 为 3798 ,然后 保存 并 关闭 注册 表 。 
经 过 上 面 两 步 的 操作 ,远程 连接 的 端口 已 经 在 注册 表 里 修 改 完成 。 
(3) 打开 系统 自 带 的 Windows 防火 墙 , 进 入 高 级 设置 ,进入 "入 站 规则 ,服务 器 管理 
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器 窗口 ?如 图 7.4 所 示 。 单 击 * 新 建 规则 ,打开 * 新 建 和 人 站 规则 向 导 ? 对 话 框 ,规则 类 型 选择 
“端口 ”, 如 图 7. 5 所 示 。 


XHA RFA EEV 帮助 (H) 
e= > 
s 服务 器 管理 器 (VDTNCBUMZXVA99 

p 角色 名 称 组 

» ai 功能 @ MiniThunderPlatform2018-0... 

(eom  MiniThunderPlatform2018-0... 

Ë M nme OD BranchCache 对 等 机 发 现 (WSD… 

a @ 高 级 安全 Windows 防火 墙 @BranchCache 内 容 检索 (HTTP-In) 














is 入 站 规则 @BranchCache 托管 缓存 服务 器 (… 
@cowM+ 网 络 访问 (DCOM-In) 
@cowM-+ 远程 管理 (DCOM-In) 

@ DFS 管理 (DCOM-Im) 


@DFS 管理 (SMB-In) 

@ DFS 管理 (TCP-In) 

Q DFS 管理 (WMI-In) 

者 iSCsI 服 务 (TCP-In) 

@Netlogon 服务 (NP-In) 

@ SNMP Trap Service (UDP In) 

@ SNMP Trap Service (UDP In) 

@ Windows Communication Fo... 
@windows Management Instru... 
@ Windows Management Instru... 
@ windows Management Instru... 
* d 
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规则 类 型 
JR RD DS At 
s8: 
FREUEN 要 创建 的 规则 类 型 
协议 和 端口 eas 
程序 (P) 
°. I 控制 程 序 连接 的 规 刚 。 
* 配置 文件 
[DE STO] 
š 控制 TCP 或 UDP 端口 连 接 的 规则 。 
OBEXO: | - 
BranchCache - 对 等 机 发 现 (使 用 TSD) ` 
控制 Windovs 体验 功能 连接 的 规则 。 
日 自 定义 (C) 
自 定义 规则 。 
BE E ELTERN 





Ciso E 











图 7.5 “新 建 入 站 规则 向 导 ” 对 话 框 
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(4) 单 击 “ 下 一 步 ” 按 钮 ,进入 “协议 和 端口 页面 ,在 “该 规则 应 用 于 TCP 还 是 UDP” F 
选择 TCP 单 选 按 钮 ,在 “此 规则 适用 于 所 有 本 地 端口 还 是 特定 本 地 端口 "下 选择 “特定 本 地 
端口 " 单 选 按钮 ,并 在 文本 框 中 输入 上 面 步 又 1 和 步骤 2 在 注册 表 里 修改 的 值 3798, 如 图 7. 6 








所 示 。 

协议 和 端口 

指定 此 规则 应 用 于 的 协议 和 端口 。 

E 

e 规则 类 型 该 规则 应 用 于 TCP 还 是 UDP? 

协议 和 端口 eir 

e 操作 © wr 

* 配置 文件 

. 名 称 此 规则 适用 于 所 有 本 地 端口 还 是 特定 本 地 端口 ? 
局 所 有 本 地 端口 (4) 
© 特定 本 地 端口 (8) : 3798 

示例 : 80. 443. 5000-5010 

TRO CHOR e 








(«Ec J[T=z=a > J 
7.6 选择 协议 和 端口 并 设置 端口 值 


O 单 击 “ 下 一 步 ” 按 钮 ,进入 “操作 ”页 面 , 在 “连接 符合 指定 条 件 时 应 该 进行 什么 操作 ” 
下 选择 “允许 连接 ” 单 选 按钮 ,如 图 7.7 所 示 。 

















操作 
指定 在 连接 与 规则 中 指定 的 条 件 相 匹 配 时 要 执行 的 操作 。 


连接 符合 指定 条 件 时 应 该 进行 什么 操作 ? 
O 允许 连接 (8) 
这 包括 使 用 IPsec 保护 以 及 未 局 用 IPsec 保护 的 连接 


€ 只 允许 安全 连接 (C) 
部 鲜 用 "RES quema 使 用 IPsec 属性 中 的 设置 以 及 连接 安全 规 


自 定义 (2)..… 


C 阻止 连接 (KE) 





ESTESE] 











图 7.7 选择 “允许 连接 ” 单 选 按钮 
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(6) 单 击 “ 下 一 步 ” 按 钮 ,进入 “配置 文件 ”页 面 ,在 “ 何 时 应 用 该 规则 ”下 色 选 “ 域 “ 专 用 ” 
和 “公用 ” 复 选 框 ,如 图 7.8 所 示 。 





配置 文件 
指定 此 规则 应 用 的 配置 文件 
gus 
a ARNE 何 时 应 用 该 规则 ? 
”协议 和 端口 
od Baw 
VER 计算 机 连接 到 其 企业 域 时 应 用 。 
x g emo 
Mid 计算 机 连接 到 专用 网 络 位 置 时 应 用 。 
团 公 用 (WD 
计算 机 连接 到 公用 网 络 位 置 时 应 用 
IBERBISBUURES 





(«z-se (rem ;][ ma J 
7.8 设置 配置 文件 


CO 单 击 “ 下 一 步 " 按 钮 ,进入 "名 称 ” 页 面 ,在 右 侧 “名 称 " 文 本 框 中 输入 "我 的 远程 连接 
规划 ”, 如 图 7.9 所 示 。 单 击 “ 完 成 ”按钮 保存 新 建 规则 设置 。 


名 称 

指定 此 规则 的 名 称 和 描述 。 

sm 

规则 类 型 

o 协议 和 端口 

* 操作 EH 
。 RHXS 我 的 远程 连接 规则 
. 


名 称 描述 (可 选 )(D) : 
| 我 的 远程 连接 规则 3798 

















7.9 为 防火 墙 新 建 规则 设置 名 称 
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(8) 重新 启动 服务 器 ,并 在 男 外 一 台 计算 机 上 启动 远程 桌面 连接 ,打开 “远程 桌面 连接 ” 
窗口 ,在 “计算 机 (C)” 中 输入 服务 器 IP 地 址 和 端口 号 ,如 图 7. 10 所 示 。 单 击 “ 连 接 ” 按 钮 ， 
即 可 登录 到 服务 器 。 








计算 机 (C) : 192. 168. 3. 89:3798 ` | 


用 户 名 : XIAOXIN300-PCNhqx 
[rumes HL, 可 以 编辑 或 删除 这 些 凭 


Oro [ BGD | 




















7.10 用 新 端口 号 远程 连接 服务 器 


(9) 登录 到 服务 器 后 ,将 系统 自 带 的 远程 连接 规则 禁用 或 删除 ,因为 它 已 经 不 起 作用 
了 。 进 入 “服务 器 管理 器 ”窗口 中 ,在 右 侧 找 到 “远程 桌面 (TCP-In)” 并 右 击 ,弹出 快捷 菜单 ， 
选择 “禁用 规则 (ID) ”或 “删除 (D) ”命令 ,如 图 7.11 所 示 。 





名 称 

个性 能 日 志和 警报 (DCOM-in) 
人 性 能 日 志和 警报 (TCP-In) 
生性 能 日 去 和 和 警报 (TCP-in) 


**g 
* 


z 
2B 
d ed 


O TERS EERPC-EPMAP) 

O TEERNP-n) 

个 远 程 管理 (RPC) 

图 远程 管 理 (RPC-EPMAP) 

起 远程 计划 任务 管理 (RPC) 

者 远程 计划 任务 管理 (RPC-EPMAP) ”远程 计划 任务 管理 
SRI) 


juzii33233323233332 


RemoteFX (TCP-In) 公用 
GOES -RemoteFX(TCP-In) ”远程 桌面 -RemoteFX” 域 专用 

















(<= u 











图 7.11 禁用 系统 自 带 的 远程 连接 规则 
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(10) 进一步 提高 远程 桌面 连接 的 安全 性 ,设置 “ 仅 允 许 运 行使 用 网 络 级 别 身份 验证 的 
远程 桌面 的 计算 机 连接 ”, 这 样 将 只 有 Windows Vista 以 上 的 系统 才能 连接 到 服务 器 。 布 击 
桌面 上 的 “计算 机 ”1 “属性”, 打 开 “ 系 统 属性 ”对 话 框 ,在 “远程 "选项 卡 的 “远程 桌面 "下 选择 
“ 仅 允 许 运行 使 用 网 络 级 别 身份 验证 的 远程 桌面 的 计算 机 连接 ”选项 ,如 图 7. 12 所 示 。 单 击 
“应 用 ”按钮 , 即 完成 对 远程 连接 默认 端口 3389 的 修改 。 


EAE [RR [ium | 
E 
ltr DEI) 








ERW... 


远程 桌面 

单 击 一 个 选项 ， 然 后 指定 谁 可 以 连接 (如果 需 要 ) 。 

OC 不 允许 连接 到 这 台 计 算 机 (D) 

O 允许 运行 任意 版 本 远程 桌面 的 计算 机 连接 ( 较 不 安全 ) (D) 


mcd m TENE " 
sd DERI DEFERRI NEU] 





























7.12 设置 远程 桌面 连接 身份 


2. 设置 网 站 目录 文件 夹 权 限 


通过 控制 文件 夹 权 限 来 提高 站 点 的 安全 性 。 这 里 主要 介绍 网 站 的 目录 以 及 上 传 文件 目 
录 的 权限 设置 。 

例如 ,在 C 盘 根 目录 下 创建 一 个 webroot 目录 ,再 在 webroot 目录 下 创建 一 个 myweb 
目录 ,这 个 目录 里 面 放 的 是 网 站 程序 (如 上 传 目 录 fileupload)。 其 中 webroot 只 保留 
SYSTEM 用 户 和 Administrators 组 即 可 ,而 myweb 这 个 目录 ,需要 再 添加 二 个 权限 , 即 
IUSR 用 户 和 IIS_IUSRS 组 。 

(1) 要 求 系统 所 有 分 区 都 是 NTFS 格式 ,如 果 不 是 ,可 以 用 命令 convert x:/fs:ntfs 将 
其 转换 为 NTFS 格式 ,x 为 盘 符 。 

(2) webroot 目录 权限 设置 如 图 7. 13 所 示 。myweb 目录 权限 设置 如 图 7. 14 所 示 。 

G) 对 上 传 目 录 fileupload 的 IUSR 设置 “ 读 取 ” 权 限 , 如 图 7. 15 所 示 。 对 IIS_IUSRS 
组 添加 “修改 ”“* 写 入 ”等 权限 ,如 图 7. 16 所 示 。 

(4) 打开 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 ,在 左 侧 找到 站 点 myweb, 选 中 上 传 目 录 
fileupload ,在 右 侧 中 间 栏 TIS 下 双击 “处 理 程序 映射 ", 如 图 7. 17 所 示 , 打 开 如 图 7. 18 所 示 
的 窗口 ,在 最 右 侧 “操作 ”面板 下 单 击 “ 编 辑 功 能 权限 ”命令 .打开 如 图 7. 19 所 示 的 对 话 框 , 取 
消 色 选 “ 脚 本 ” 复 选 框 。 
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TUETUSES [titii | ers 








[xm [ang |*$ |umE[EEX| ——— 
对 象 名 称 : — CoWwebroot 


组 或 用 户 名 @) : 
EZ 
Ña Administrators (VDTNHCBUMZXIVAS9NVAdministratorsz) 





C:Awebroottayweb 





ors (VDTNCBUWZXVA99NVAdministrators) 
IS IUSRS 








要 更 约 权 限 ， 请 单 击 “ 编 辑 ”。 
SYSTEM 的 权限 Œ) 




















K<<< << Š 























ROSS， 请 单 击 “ 高 
了 船 访问 控制 和 权限 


ri 请 单 击 “ 高 











了 了 iials 制 和 加 限 
E ER | E J 



































图 7.14 myweb 目录 权限 设置 























[ma [um |*$ [umama | gx 
dee C:\webroot\myweb\fileupload 


组 或 用 户 名 @) : 
[$01 
Asist 











对 象 名 称 :  C:\webroot\myweb\fileupload 
组 或 用 户 名 (Q) `: 


Ña system 
Ña Administrators (VDTNCBUNZXVAS9N\ Administrators) 
HIIS IUSRS (VDTNCBUNZXVAS9NXIIS_IUSRS) 


要 更 改 权 限 ， 请 单 击 “ 编 辑 ”。 Cho) 
IUSR 的 权限 E) 允许 拒绝 





AAS9NNAdninistrators) 
IS IUSRS 











要 更 改 权限 ， 请 单 击 “ 编 辑 ”。 











列 出 文件 夹 内 容 V 
读 取 V 



































LEA LEA 
papaman, 请 单 击 “ 高 区 级 设置， 请 单 击 “ 高 





了 高 访 间 控 币 和 权限 









































7.15 上 传 文件 目录 IUSR 权限 设置 7.16 上 传 文件 目录 IIS IUSRS 组 权限 设置 


(5) 单 击 “确定 ”按钮 ,完成 上 传 目 录 的 权限 设置 。 打 开 myweb 网 站 下 的 fileupload X 
件 , 会 发 现 多 了 一 个 web. config 文件 ,如 图 7. 20 所 示 。 
web. config 的 内 容 如 下 : 


<?xml version = "1.0" encoding = "UTF — 8"?> 
< configuration? 
< system. webServer > 
< handlers accessPolicy = "Read" /> 
«/systen. webServer > 
«/configuration^ 
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图 7.17 IIS 管理 器 对 上 传 文件 目录 “处 理 程序 映射 
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4.8} VOTNCBUNZKVASIN (/DTNC, 
Ma amana 
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SimpleHandierFactory Integrated 
SimpleHandlerFactory 1491-20 
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7.18 “处 理 程序 映射 "窗口 
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c E3 


GO < meee fewiond -| ash | 


XO HEC) HEV IAD WAW 





ORe 包 全 到 库 中 > 共享” SELHA 


oc ek 3 = 
AR J [D web.config 











mam 
H 最 近 访问 的 位 置 





7.20 web. config 文件 


意思 是 upload 目录 下 的 所 有 文件 (包括 所 有 子 文件 夹 下 的 ) 将 只 有 只 读 权 限 。 这 样 用 户 即 
使 上 传 了 恶意 文件 ,也 发 挥 不 了 作用 。 

< handlers accessPolicy= "Read" /> 的 取 值 可 以 为 Read、Execute、Script, 分 别 表示 只 
BE AGE UD. 

提示 : 对 于 目录 权限 设置 来 说 ,目录 的 权限 越 少 .服务 器 越 安 全 。 

3. 禁用 不 必要 的 服务 、 删 除 共 享 和 关闭 端口 


CO 禁用 不 必要 的 服务 。 选 择 “ 控 制 面板 "|* 管 理工 具 ”|* 服 务 ” 命 令 ,在 “服务 窗口 中 ， 
将 下 面 的 服务 设置 停止 并 禁用 : TCP/IP NetBIOS Helper, Distributed Link Tracking 
Client, Microsoft Search, Print Spooler, Remote Registry, 

(2) 删除 文件 打印 和 共享 。 

在 桌面 上 右 击 “网 站 邻居 ”, 弹 出 快捷 菜单 ,选择 “属性 "命令 ,打开 “网 络 连 接 " 窗 口 , 右 击 
“本 地 连接 ”, 弹 出 快捷 菜单 ,选择 “属性 "命令 ,打开 “本 地 连接 属性 ”对 话 框 ,在 “此 连接 使 用 
下 列 项 目 (D) "中 取消 勾 选 “Microsoft I éK% P im” “Microsoft 网 络 的 文件 和 打印 机 共享 ” 
“Internet 协议 版 本 6(TCP/IPv6)" 复 选 框 ,如 图 7.21 所 示 。 
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网 络 








连接 时 使 用 - 
AF Intel (R) PR0/1000 MT Network Connection 


CmEO. J 








此 连接 使 用 下 列 项 目 @) 
E Snicrosstt FESSFSN 





回 二 1⁄0 驱动 程序 
回 二 树 路 层 拓扑 发 现 响应 程序 


(S: 0D...) (m [属性 四 


pod 





























We J| mH | 














7.21 取消 勾 选 “Microsoft Rd tk # P ij" Microsoft 网 络 的 文件 和 
打印 机 共享 ”Internet 协议 版 本 6(TCP/IPv6)” 


(3) 选择 “服务 器 管理 器 ”| “配置 "|1“ 高 级 Windows 防火 墙 "1“ 入 站 规则 ”命令 ,将 其 右 
侧 所 有 的 “网 络 发 现 “ 文 件 和 打印 机 共享 "的 规则 全 部 禁用 ,如 图 7. 22 所 示 。 
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7.22 防火墙 中 禁用 “网 络 发 现 ” 和 “文件 和 打印 机 共享 ”的 规则 
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(4) 关闭 端口 。 下 面 以 使 用 IP 安全 策略 方式 关闭 端口 。 
首先 启动 IPsec Policy Agent 服务 ,如 图 7. 23 所 示 。 











常规 


服务 名 称 : 
显示 名 称 : 


描述 : 


可 执行 文件 的 路 径 : 


启动 类 型 (E) : 








IPsec Policy Agent 





nternet [hic 
份 验证 、 数 据 


C:\Windows\systen32\svchost. exe -k NetvorkServiceNetvorkResi 


Ee CT Rd 四 
身份 验 据 充 整 性 、 数 据 - 











服务 状态 : 
Cao ) 


msy: 














[ 





当 从 此 处 启动 服务 时 ， 您 可 指定 所 适用 的 启动 参数 。 


wsp J( $m ] 


] 
J 











7.23 启用 IPsec Policy Agent 服务 


(D 选择 开始"|* 管 理工 具 ” 命 令 , 打 开 * 管 理工 具 ” 窗 口 , 双 击 “ 本 地 安全 策略 ”命令 , 打 
开 “ 本 地 安全 策略 "窗口 ,选中 “IP 安全 策略 ,在 本 地 计算 机 ?选项 ,在 右 侧 的 空白 位 置 处 右 
击 , 弹 出 快捷 菜单 ,选择 “创建 IP 安全 策略 (C) "命令 ,如 图 7. 24 所 示 。 弹 出 “IP 安全 策略 向 
导 ” 对 话 框 。 单 击 “ 下 一 步 ” 按 钮 ,出 现 “IP 策略 名 称 ” 对 话 框 , 青 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 安 
全 通信 请 求 " 对 话 框 ,取消 勾 选 “激活 默认 相应 规则 ” 复 选 框 ,如 图 7.25 所 示 。 单 击 “ 下 一 步 ” 


按钮 ,直至 单 击 “ 完 


图 7. 27 所 示 的 “新 IP 安全 策略 属性 ”对 话 框 。 


成 ?按钮 ,如 图 7.26 所 示 。 即 创建 了 一 个 新 的 IP 安全 策略 同时 打开 如 
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图 7.24 新 建安 全 策略 
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安全 通信 请 求 
指定 这 个 第 咯 如 何 对 安全 通信 的 请 求 作出 响应 * 





E ur 


家 -人 risaess 2009 和 Findes 1r 的 计 其 机 上 支持 双响 夫 








图 7.25 新 建安 全 策略 向 导 安 全 通信 请 求 设置 


正在 完成 IP 安全 策略 向 导 


您 已 成 功 地 完成 指定 您 的 新 IP 安全 策略 的 属性 。 
立 的 策略 ， 请 选中 “编辑 属性 ” 复 i 
,Wan annu xe 


DRED) 


着 要 关闭 此 向 导 ， 请 单 击 “ 完 成 ”。 


























7.26 IP 安全 策略 向 导 完 成 界面 








规则 











国 通 。 和 其 他 计划 通讯 的 安全 规则 





IP 安全 规则 (I) : 
IP 第 选 器 列表 MARRE 身份 验 . .。 隧道 终结 点 kA 
Dope 默认 响应 ( 仅 . . Kerberos 《无 > 全 部 



























































7.27 “新 安全 策略 属性 ”对 话 框 
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© 在 图 7.27 所 示 的 “新 IP 安全 策略 属性 ”对 话 框 中 取消 勾 选 “使 用 “添加 向 导 '” 复 选 
框 , 单 击 “ 添 加 ”按钮 ,弹出 “新 规则 属性 ”对 话 框 ,如 图 7.28 所 示 。 在 “新 规则 属性 ”对 话 框 
中 单 击 “ 添 加 ”按钮 ,弹出 “IP 筛选 器 列表 ”对 话 框 ,如 图 7. 29 所 示 。 在 “IP 筛选 器 列表 ”对 话 
框 中 取消 勾 选 “使 用 “添加 向 导 '” 复 选 框 , 单 击 “ 添 加 ”按钮 ,打开 “IP 筛选 器 属性 ”对 话 框 ,如 
7.30 所 示 。 
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ES Ban IP 筛选 器 列表 指定 了 哪个 网 络 流量 将 受 此 规则 影 





IP 第 选 器 列表 (L) : 
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7.28 “新 规则 属性 ”对 话 框 


M Li , A ^ 议 
IP usa 和 这 样 ， 多 个 子 网 、IP 地 址 和 协议 可 被 整合 到 


一 个 IP 
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7.29 "IP 筛选 器 列表 ?对 话 框 
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II 


























镇 像 (0)。 与 源 地 址 和 目标 地 址 正好 相反 的 数据 包 相 匹 配 。 














图 7.30 “IP 筛选 器 属性 ?对 话 框 


© 在 “IP 筛选 器 属性 ?对 话 框 中 单 击 * 协 议 ” 选 项 卡 ,在 “选择 协议 类 型 "下 拉 列 表 中 选 
TÉ TCP 选项 ,在 “到 此 端口 ?下 的 文本 框 中 输入 135, 单 击 “ 确 定 ” 按 钮 ,如 图 7. 31 所 示 。 这 
样 就 添加 了 一 个 屏蔽 TCP135 端口 的 筛选 器 ,可 以 防止 外 界 通过 135 端口 连 上 服务 器 。 单 
击 “ 确 定 ” 按 钮 后 , 回 到 筛选 器 列表 的 对 话 框 中 ,可 以 看 到 已 经 添加 了 一 条 策略 。 


FE 


选择 协议 类 型 (EP) : 
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le 


设置 IP 协议 端口: 


人 图 从 任意 端口 E) 
@ 人 此 端口 @) : 


C simson W 
@ 到 此 端口 (0) : 
135 














7.31 协议 设置 


@ 从 步骤 加 开始 重复 以 上 步骤 继续 添加 TCP137、139、445、593、1025、2745、3127、 
3128.3389.6129 端口 和 UDP135.139.445 端口 ,为 它们 建立 相应 的 筛选 器 。 建 立 好 以 上 端 
口 的 筛选 器 后 , 单 击 * 确 定 ” 按 钮 。 
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© 在 图 7. 32 所 示 的 “编辑 规则 属性 "对话 框 中 选中 * 我 的 筛选 器 ”, 单 击 选中 其 左边 的 
单 选 按钮 ,表示 已 经 激活 。 再 单 击 * 筛 选 器 操作 ”选项 卡 ,打开 * 新 规则 属性 ”对 话 框 ,取消 勾 
选 “使 用 添加 向 导 7” 复 选 框 ,如 图 7. 33 所 示 。 单 击 “ 添 加 ”按钮 ,打开 “新 筛选 器 操作 属性 ” 
对 话 框 , 在 “新 筛选 器 操作 属性 ”中 的 “安全 方法 ”选项 卡 中 选择 “阻止 " 单 选 按钮 ,如 图 7. 34 
所 示 。 单 击 “ 应 用 (A)” 按 钮 ,结果 如 图 7.35 所 示 。 单 击 “ 确 定 ” 按 钮 后 ,返回 “编辑 规则 属 
性 ”对 话 框 ,如 图 7. 36 所 示 。 











IP 筛选 器 列表 








= gan IP 算 选 器 列表 指定 了 哪个 网 络 流量 将 受 此 规则 影 





IP 项 选 器 列表 (L) : 
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7.32 “编辑 规则 属性 ”对 话 框 
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筛选 器 操作 (E) : 
名 称 
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7.33 “新 规则 属性 ”对 话 框 
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安全 方法 
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安全 方法 首选 顺序 (8) : 
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加 接受 不 安全 的 通讯 ， 但 始终 用 IPsec 响应 (C) 
四 如 果 无 法 建立 安全 连接 ， 则 允许 回 退 到 不 安全 的 通信 (WD 
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图 7.34 “新 筛选 器 操作 属性 ”对 话 框 





[TT — 


x. BEGESIIIEE TIMESUMEIORERURSE 





WARRE: 


名 称 描述 
Darase u 























We [XM] p gnome 
| 











7.35 应 用 “新 筛选 器 操作 ” 


© 在 “编辑 规则 属性 ?对 话 框 中 选中 * 新 筛选 器 操作 ?左边 的 单 选 按钮 , 单 击 * 应 用 (A)” 
按钮 ,表示 已 经 激活 ,再 单 击 " 关 闭 ” 按 钮 ,关闭 对 话 框 。 在 “新 IP 安全 策略 属性 对话 框 中 
的 “IP 安全 规则 (D ”下 勾 选 “ 我 的 筛选 器 ? 复 选 框 ,如 图 7.37 所 示 。 单 击 “ 确 定 ” 按 钮 ,关闭 
对 话 框 。 在 “本 地 安全 策略 ”窗口 中 右 击 “ 新 IP 安全 策略 命令 ,弹出 快捷 菜单 ,如 图 7. 38 所 
示 。 选 择 “ 分 配 (A) "命令 ,使 得 所 设置 的 端口 访问 规则 生效 。 至 此 ,已 完成 服务 器 的 安全 
设置 。 


(26 网 站 设计 与 管理 项 目 化 教程 
Iu 














EXPE 


x 选择 的 筛选 器 操作 指定 了 此 规则 是 否 协 商 及 如 何 来 保证 网 络 
流量 的 安全 。 
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图 7.36 设置 筛选 器 操作 后 的 “编辑 规则 属性 ”对 话 框 





规则 








ga 和 其 他 计算 机 通讯 的 安全 规则 





IP 安全 规则 (I) : 
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7.37 选中 “我 的 筛选 器 ” 
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图 7.38 分 配 IP 筛选 器 
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二 、 知 识 学 习 
1. 电子 商务 网 站 运营 管理 的 概念 


1) 电子 商务 网 站 管理 的 概念 和 意义 

完成 了 电子 商务 网 站 的 规划 设计 以 及 建设 发 布 ,这 只 是 完成 了 网 站 建设 的 一 半 , 后 续 除 
了 网 站 内 容 需 持续 更 新 外 ,还 有 大 量 的 电子 商务 网 站 管理 和 运营 推广 工作 。 从 广义 上 来 说 ， 
电子 商务 网 站 管理 是 对 网 站 人 员 权 限 、 网 站 数据 管理 .网 站 客户 服务 、 网 站 内 容 、 网 站 硬件 及 
网 站 安全 的 管理 。 狭 义 的 电子 商务 网 站 管理 是 对 网 站 在 线 系统 的 管理 。 

电子 商务 网 站 管理 是 企业 系统 化 管理 的 一 个 重要 组 成 部 分 ,是 企业 信息 化 的 政策 的 实 
施 ; 电子 商务 网 站 管理 直接 或 间接 影响 到 企业 利润 的 变化 ,是 企业 通过 信息 化 获得 收益 的 
重要 源泉 。 从 这 个 意义 上 说 ,网 站 管理 是 网 络 信息 资源 管理 的 关键 ,研究 电子 商务 网 站 管理 
对 网 络 信息 资源 管理 工作 的 开展 具有 特定 的 现实 意义 。 

2) 电子 商 商 务 网 站 管理 的 作用 

为 了 保证 电子 商务 网 站 的 正常 运行 ,电子 商务 网 站 的 管理 人 员 需 要 对 构成 网 站 的 网 页 、 
网 站 的 软件 .客户 及 商业 的 各 种 信息 进行 管理 ,目的 就 是 要 保证 电子 商务 系统 中 的 信息 流 有 
JF .快速 并 且 安 全 地 流动 。 网 站 管理 在 网 站 运作 和 维护 中 都 发 挥 着 举足轻重 的 作用 ,而且 在 
促进 网 站 信息 有 序 化 、 提 高 信息 安全 性 、 使 网 站 信息 多 样 化 以 及 提高 企业 人 员 的 工作 效率 等 
方面 都 有 着 重要 的 作用 。 

(1) 促使 网 站 信息 有 序 和 规范 。 

在 网 站 的 运行 过 程 中 ,企业 和 客户 之 间 会 有 大 量 的 信息 来 往 , 企 业 需 要 及 时 发 布 企业 产 
品 和 服务 的 相关 信息 ,并 且 还 需要 迅速 地 响应 来 自 客户 的 订单 信息 、 交 易 信息 及 反馈 信息 
等 ,同时 还 要 做 到 快速 响应 用 户 发 出 的 请 求 , 因 而 会 有 各 种 各 样 的 杂乱 无 章 的 信息 频繁 来 往 
于 企业 网 站 和 客户 之 间 , 使 这 些 信息 流 可 以 井然 有 序 地 在 网 站 和 客户 之 间 流 动 就 是 网 站 信 
息 的 有 序 化 。 从 信息 资源 管理 的 角度 来 看 ,信息 只 有 通过 有 序 的 管理 才能 够 成 为 有 效 的 信 
息 。 在 如 今 互 联网 逐渐 兴盛 .大 量 而 杂乱 的 信息 充斥 着 网 络 资源 的 环境 下 ,人 们 常常 不 能 够 
从 浩如烟海 的 信息 中 找到 自己 所 需要 的 信息 ,因而 就 需要 通过 有 序 化 的 信息 管理 来 确保 人 
们 对 信息 的 搜寻 和 利用 。 电 子 商 务 网 站 管理 是 对 网 站 信息 有 序 化 管理 的 重要 途径 , 它 根据 
信息 管理 科学 、 有 效 地 进行 信息 的 发 布 . 收 集 、 组 织 、 存 储 和 传递 ,确保 电子 商务 系统 的 正常 
运行 ,为 企业 实现 电子 商务 目标 保驾 护航 。 

(2) 确保 电子 商务 网 站 的 安全 性 。 

确保 电子 商务 网 站 的 安全 性 是 网 站 管理 工作 的 重点 。 对 于 一 个 不 安全 的 电子 商务 网 站 
来 讲 ,任何 的 管理 工作 都 是 无 用 的 。 随 着 电子 商务 影响 力 的 不 断 扩 大 和 人 们 需求 的 不 断 提 
升 ,企业 不 能 够 仅仅 将 自己 的 网 站 定位 在 宣传 自己 的 产品 和 提高 自身 知名 度 上 ,还 需要 企业 
的 网 站 可 以 提供 在 线 销售 在 线 支付 等 功能 ,提供 这 样 功能 的 网 站 对 安全 性 的 要 求 很 高 ,要 
求 网 站 的 管理 工作 可 以 为 网 站 提供 安全 的 运行 环境 。 网 站 的 安全 性 管理 工作 需要 按照 交易 
信息 的 层次 进行 信息 加 工 与 存储 ,并 对 交易 信息 中 包含 的 商业 秘密 进行 数据 加 密 与 解密 的 
管理 ,对 于 不 同 的 用 户 和 管理 员 还 会 分 配 不 同 的 访问 权限 。 通 过 对 电子 商务 网 站 科学 有效 
的 安全 管理 ,可 以 确保 网 上 商务 活动 在 安全 的 环境 中 顺利 地 进行 。 因 而 ,决定 一 个 电子 商务 
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网 站 系统 是 否 稳定 、 是 否 可 以 成 功 运行 的 关键 就 在 这 里 ,需要 网 站 管理 人 员 给 予 高 度 重视 。 

(3) 提高 企业 品牌 声誉 。 

对 于 一 个 B2C 或 B2B 企业 来 说 ,良好 的 电子 商务 网 站 管理 为 企业 开展 多 样 的 商务 活动 
提供 帮助 ,对 提高 企业 品牌 声誉 起 到 很 好 的 促进 作用 。 任 何 形式 的 在 线 商务 活动 的 开展 都 
是 建立 在 一 个 良好 的 网 站 管理 的 基础 上 的 。 如 果 一 个 企业 还 没有 一 个 健全 可靠 的 网 站 管 
理 ,那么 企业 也 不 会 有 更 多 的 精力 投入 到 丰富 网 站 内 容 、 创 新 网 站 设计 以 及 改良 网 站 结构 等 
工作 上 。 因 为 没有 良好 的 网 站 管理 做 保障 ,这 些 工 作 就 没有 开展 的 条 件 。 在 有 了 稳定 、 可 靠 
的 网 站 管理 之 后 ,企业 就 可 以 游 丸 有 余地 运作 它 的 网 上 商务 活动 ,可 以 顺理成章 地 收集 各 种 
商业 信息 ,实现 企业 的 各 种 商业 设想 ,企业 会 逐步 地 从 电子 商务 上 获得 利益 ,从 而 达到 促进 
整个 企业 发 展 的 目的 。 

(4) 提高 管理 人 员 的 工作 效率 。 

良好 的 电子 商务 网 站 管理 会 对 提高 管理 人 员 的 工作 效率 起 到 很 好 的 促进 作用 。 对 于 专 
业 的 网 站 维护 人 员 而 言 ,他 们 可 以 通过 很 复杂 的 工作 程序 ,完成 网 站 在 技术 方面 的 维护 工 
作 。 但 是 这 样 的 专业 网 站 维护 人 员 一 般 不 会 参与 网 站 内 容 更 新 等 日 常 管理 工作 ,而 且 有 了 时 
这 样 的 专业 人 员 也 不 能 够 很 好 地 贯彻 企业 的 商务 意图 。 这 就 需要 具备 更 多 商业 知识 的 人 员 
完成 这 些 工作 ,然而 这 些 人 员 在 网 站 维护 上 的 专业 程度 不 够 。 这 就 需要 有 一 个 良好 的 网 站 
管理 来 帮助 他 们 工作 ,这 样 既 减 轻 了 他 们 在 管理 维护 网 站 上 的 工作 量 和 复杂 程度 ,又 提高 了 
电子 商务 网 站 管理 的 效率 。 


2. 电子 商务 网 站 运营 管理 内 容 


电子 商务 网 站 是 一 个 不 断 更 新 的 动态 系统 ,需要 由 企业 网 站 的 管理 人 员 进 行 长 期 监控 、 
维护 和 管理 。 因 此 ,网 站 管理 是 非常 重要 的 环节 。 电 子 商 务 网 站 的 管理 是 指 通过 监控 和 管 
理 网 站 的 各 种 软 硬 件 资源 和 网 站 输入 以 及 输出 信息 流 ,来 确保 整个 网 站 内 容 的 完整 性 和 一 
致 性 ,保证 企业 的 在 线 交 易 业 务 可 以 安全 顺利 地 进行 ,从 而 为 企业 的 电子 商务 运营 提供 良好 
的 服务 。 电 子 商 务 网 站 运营 管理 的 内 容 主要 有 四 方面 : 网 站 文件 管理 .网 站 内 容 管理 .网 站 
综合 管理 和 网 站 安全 管理 。 

1) 网 站 文件 管理 

网 站 文件 管理 是 指 对 构成 网 站 资源 的 文件 应 用 层 进行 的 文件 管理 ,以 及 对 支持 企业 与 
客户 之 间 数 据 信息 往来 的 文件 传输 系统 和 电子 邮件 系统 的 管理 。 电 子 商务 网 站 的 资源 由 服 
务 器 端 一 个 个 网 页 代码 文件 和 其 他 各 类 资源 文件 组 成 。 一 般 来 说 ,网 站 文件 管理 包括 网 站 
文件 的 组 织 、 网 站 数据 备份 、 网 站 数据 恢复 、 网 站 文件 传输 管理 和 网 站 垃圾 文件 处 理 等 。 

2) 网 站 内 容 管理 

网 站 内 容 管理 是 网 站 管理 的 核心 ,是 保证 电子 商务 网 站 有 序 和 有 效 运 作 的 基本 手段 。 
网 站 内 容 管 理 一 般 分 为 用 户 信 息 管理 ,在 线 购物 管理 ,新 闻 发 布 管理 ,广告 发 布 管理 ,企业 在 
线 支持 管理 等 。 

电子 商务 网 站 的 内 容 管 理 属于 电子 商务 网 站 业务 应 用 层 , 它 主要 是 指 面 向 电子 商务 活 
动 中 的 具体 业务 而 进行 对 输入 、 输 出 信息 流 的 内 容 管理 。 它 包含 的 内 容 很 广泛 ,具体 可 以 分 
为 对 两 类 信息 的 管理 : 一 类 是 对 外 部 流入 的 数据 和 信息 的 管理 ,包括 用 户 信息 管理 .供应 商 
的 管理 ,在 线 购物 管理 .交易 管理 等 ; 另 一 类 是 对 网 站 内 部 本 身 业 务 信息 的 管理 ,如 产品 管 
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理 、 新 闻 管 理 、 广 告 管理 .企业 论坛 管理 .留言 板 管理 .邮件 订阅 管理 .网 上 调查 管理 、 在 线 技 
术 支 持 管理 等 。 

OD 用 户 信 息 管 理 。 

用 户 信 息 管 理 包 括 用 户 基 本 信息 管理 和 用 户 反 馈 信息 管理 两 部 分 。 由 于 用 户 是 企业 开 
拓 市 场 .分 析 市 场 、 制 定 经 营 策略 、 创 造 利润 的 重要 资源 ,因此 ,建立 基于 企业 电子 商务 网 站 
的 用 户 管理 系统 是 极 有 必要 的 ,应 把 其 纳入 企业 信息 系统 建设 和 发 展 电子 商务 的 整体 框架 
之 中 ,从 而 为 企业 经 营 发 展 提供 良好 的 服务 。 

(D 用 户 基本 信息 管理 。 在 电子 商务 活动 中 ,电子 商务 网 站 对 顾客 通常 采用 会 员 制度 ， 
使 顾客 登录 为 会 员 ,以 保留 顾客 的 基本 资料 。 用 户 的 基本 信息 管理 包括 用 户 注册 管理 .忘记 
密码 查找 ,用户 消 费 倾 向 分 析 、 用 户 信 用 分 析 等 管理 活动 。 由 于 这 项 功能 能 够 帮助 企业 收集 
目标 用 户 的 资料 ,为 企业 网 站 营销 提供 分 析 的 资料 ,并 可 以 考查 网 站 的 使 用 频率 及 对 目标 消 
费 者 的 吸引 程度 ,所 以 ,在 以 后 的 网 络 营销 中 ,这 些 注册 会 员 是 相当 准确 的 目标 用 户 。 

@ 用 户 反 馈 信 息 管 理 。 用 户 反馈 信息 管理 几乎 是 所 有 网 站 必 备 的 管理 内 容 , 它 用 于 管 
理 者 从 网 上 获取 各 种 用 户 反馈 信息 。 目 前 ,一 些 网 站 的 用 户 反馈 功能 是 以 邮件 的 形式 直接 
发 送 到 管理 者 信箱 中 ,还 有 一 些 是 采用 基于 数据 库 开 发 的 设计 。 前 者 的 反馈 信息 是 散乱 的 ， 
难以 对 反馈 信息 进行 分 类 存档 管理 ,查询 及 统计 ; 后 者 提供 了 强大 的 后 台 管 理 功能 ,形成 
了 用 户 信 息 反 馈 系 统 。 

(2) 在 线 购物 管理 。 

在 线 购物 是 当前 许多 电子 商务 网 站 运营 的 主要 模式 。 当 用 户 访问 电子 商务 网 站 时 ,能 
够 查询 .浏览 该 网 站 提供 的 所 有 商品 信息 、 随 时 选择 自己 感 兴趣 的 商品 并 将 其 放 和 人 虚拟 的 购 
物 车 中 。 而 所 购 商 品 的 数量 .价格 等 信息 则 由 网 站 数据 库存 储 和 管理 。 当 用 户 选 购 商 品 完 
毕 后 ,可 对 购物 车 中 的 选 购 商品 进行 修改 。 当 用 户 确定 所 选 购 商 品 , 提 交 购 物 车 数据 后 ,就 
完成 了 一 次 订单 操作 过 程 。 根 据 在 线 购 物流 程 ,在 线 购 物 管理 可 以 分 为 系统 账号 管理 .产品 
信息 管理 .购物 车 管理 ,订单 管理 等 。 

(D 系统 账号 管理 。 系 统 账 号 管理 是 针对 电子 商务 网 站 管理 系统 的 安全 性 而 设置 的 。 
因为 电子 商务 网 站 管理 系统 负责 整个 网 站 所 有 资料 的 管理 ,因此 管理 系统 的 安全 性 显得 格 
外 重要 。 一 般 要 求 该 管理 系统 应 提供 超级 用 户 的 管理 权限 控制 ,根据 不 同 的 用 户 进 行 不 同 
的 管理 列表 控制 , 设 定 和 修改 企业 内 部 不 同 部 门 用 户 的 权限 ,限制 所 有 使 用 电子 商务 网 站 管 
理 系统 的 人 员 与 相关 的 使 用 权限 。 它 将 给 予 每 个 管理 账号 专属 的 进入 代码 与 确认 密码 ,以 
确认 各 管理 者 的 真实 身份 ,做 到 级 别 控制 。 超 级 用 户 可 根据 要 求 管理 所 设 定 的 相应 的 管理 
功能 ,如 对 订单 .产品 目录 历史 信息 .用户 管 理 .超级 用 户 管理 .次 目录 管理 、 功 能 列表 控制 、 
购物 车 管理 等 进行 添加 、 删 除 ,修改 等 进行 一 系列 操作 。 

© 产品 信息 管理 。 为 了 保证 用 户 浏览 到 的 始终 是 最 新 的 产品 信息 ,产品 信息 管理 应 该 
能 够 让 网 站 管理 员 通 过 浏览 器 ,根据 企业 产品 的 特点 在 线 进 行 产 品 分 类 ,并 将 产品 按 不 同 层 
级 进行 分 类 展示 ,提供 产品 的 动态 增 减 和 修改 ,对 数据 进行 批量 更 新 。 同 时 ,可 以 随时 更 新 
最 新 产品 .畅销 产品 以 及 特价 产品 等 ,方便 日 后 产品 信息 的 维护 ,提高 企业 的 工作 效率 。 

C 购物 车 管理 。 该 模块 类 似 于 产品 的 在 线 管理 ,其 功能 与 产品 信息 管理 大 致 一 样 。 购 
物 车 管理 应 能 对 用 户 正 在 进行 的 购买 活动 进行 实时 跟踪 ,从 而 使 管理 员 能 够 看 到 消费 者 的 
购买 .挑选 和 退货 的 全 部 过 程 , 并 实时 监测 用 户 的 购买 行为 ,纠正 一 些 错 误 或 防止 不 正当 事 
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件 的 发 生 。 

@ 订单 管理 。 这 是 网 上 销售 管理 的 一 个 不 可 缺少 的 部 分 , 它 用 于 对 网 上 全 部 交易 产生 
的 订单 进行 跟踪 管理 。 管 理 员 可 以 浏览 .查询 .修改 订 单 , 对 订单 进行 分 析 ,追踪 从 订单 发 生 
到 订单 完成 的 全 过 程 。 只 有 通过 完善 .安全 的 订单 管理 ,才能 使 基于 网 络 的 电子 商务 活动 顺 
利 进 行 。 

(3) 新 闻 发 布 管理 。 

新 闻 发 布 管理 的 主要 内 容 包括 在 线 新 闻 发 布 . 新 闻 动 态 更 新 与 维护 .过 期 新 闻 内 容 组 织 
与 存储 .新 闻 检 索 系统 的 建立 等 。 目 前 ,网 站 的 新 闻 管 理 可 以 做 到 工作 人 员 在 模板 中 输入 相 
应 的 内 容 并 提交 后 ,信息 就 会 自动 发 布 在 Web 页 上 。 这 是 因为 网 站 信息 通过 一 个 操作 简单 
的 界面 输入 数据 库 , 然 后 通过 一 个 能 够 对 有 关 新 闻 文 字 和 图 片 信息 进行 自动 处 理 的 网 页 
模板 与 审核 流程 发 布 到 网 站 上 。 通 过 网 络 数据 库 的 引用 ,网 站 的 更 新 维护 工作 简化 到 只 
需 录 入 文字 和 上 传 图 片 ,从 而 使 网 站 的 更 新 速度 大 大 加 快 。 网 上 新 闻 更 新 速度 的 提升 极 
大 地 加 快 了 信息 的 传播 速度 ,也 吸引 了 更 多 的 长 期 用 户 群 ,使 网 站 时 刻 保持 着 活力 和 影 
响 力 。 

(4) 广告 发 布 管理 。 

网 络 广告 最 重要 的 优势 就 在 于 可 以 被 精确 统计 , 即 广告 被 浏览 的 次 数 .广告 被 单 击 的 次 
数 ,甚至 浏览 广告 后 实施 了 购买 行为 的 用 户 数量 ,都 可 以 获得 记录 数据 。 而 所 有 这 些 都 需要 
完善 的 广告 管理 。 广 告发 布 管理 系统 应 该 操作 简单 维护 方便 ,具有 综合 管理 网 站 的 广告 纺 
辑 \ 播 放 等 功能 ,可 以 很 容易 地 实现 统计 、 分 析 每 个 页 面 广告 播放 的 情况 ,并 且 可 以 指定 某 页 
面 的 广告 轮 播 。 

(5) 企业 在 线 支 持 管理 。 

企业 在 线 支持 管理 包括 在 线 帮助 管理 .留言 板 管理 ,企业 论坛 管理 ,在 线 技术 支持 管理 。 

(D 在 线 帮 助 管理 。 在 线 帮 助 管理 主要 是 提供 用 户 对 网 站 功能 的 使 用 帮助 ,指导 用 户 使 
用 公司 的 电子 商务 网 站 。 它 具体 提供 包括 使 用 信息 查询 系统 浏览 商品 信息 ; 填写 订单 , 参 
与 购物 : 使 用 留言 板 . 电 子 邮件 .论坛 .聊天 室 等 和 企业 交互 等 方面 的 帮助 信息 。 

@ 留言 板 管理 。 网 站 留言 板 是 为 了 增加 网 站 及 顾客 间 良 好 的 互动 关系 而 设 的 , 它 的 作 
用 是 记录 来 访 用 户 的 留言 信息 ,收集 他 们 的 意见 和 建议 ,为 网 站 与 用 户 提供 双向 交流 的 区 
域 ,为 优化 服务 提供 用 户 依 据 。 留 言 板 管理 应 提供 多 项 辅助 功能 ,以 协助 管理 者 方便 地 增 
加 、 删 除 与 修改 留言 板 上 的 留言 内 容 , 以 及 对 部 分 留言 内 容 加 以 回应 。 

O 企业 论坛 管理 。 企 业 论坛 是 一 个 电子 商务 网 站 必 不 可 少 的 功能 模块 , 它 为 网 站 与 用 
户 、 用 户 与 用 户 提 供 广泛 的 交流 场地 ,也 是 企业 进行 技术 交流 和 用 户 服务 的 最 重要 的 手段 。 
企业 可 以 利用 该 功能 进行 新 产品 的 发 布 , 征 求 消费 者 意见 .接受 消费 者 投诉 等 ; 可 以 定期 或 
选 定 某 个 时 段 ,邀请 嘉宾 或 专门 人 员 参 与 该 系统 的 主持 与 维护 。 企 业 论坛 管理 包括 在 线 发 
布 、 维 护 信息 等 内 容 。 

@ 在 线 技术 支持 管理 。 在 线 技术 支持 可 以 提供 给 用 户 相 关 产 品 的 技术 或 服务 信息 。 
企业 可 以 将 一 些 常见 的 技术 或 服务 问题 罗列 在 网 站 上 ,供用 户 浏 览 。 

总 之 ,电子 商务 网 站 的 内 容 管 理 既 包含 了 对 网 站 内 容 的 管理 ,也 包含 了 对 客户 的 管理 。 
从 本 质 上 讲 , 电 子 商务 网 站 内 容 管理 的 目的 就 是 保证 商务 系统 中 信息 流 、 资 金 流 和 物资 流 有 
序 .快速 而 安全 地 流动 ,也 就 是 对 网 站 输入 与 输出 这 两 个 方向 上 进行 管理 与 监控 ,使 得 电子 
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商务 活动 能 顺利 地 进行 。 

3) 网 站 综合 管理 

网 站 综合 管理 是 指 除 文件 管理 ,网 站 内 容 管理 之 外 对 网 站 提供 的 个 性 化 服务 等 方面 的 
管理 ,主要 包括 网 站 运行 平台 的 管理 、Web 服务 器 和 数据 库 服务 器 管理 .个 性 化 服务 管理 、 
网 站 统计 管理 和 系统 用 户 管理 等 。 

4) 网 站 安全 管理 

网 站 安全 管理 贯穿 在 以 上 3 方面 的 电子 商务 网 站 的 管理 之 中 ,主要 是 分 析 网 站 安全 威 
胁 的 来 源 , 并 采取 相应 的 措施 。 电 子 商务 网 站 的 安全 是 电子 商务 网 站 可 靠 运行 并 有 效 开展 
电子 商务 活动 的 基础 和 保证 ,也 是 消除 客户 安全 顾虑 扩大 网 站 客户 群 的 重要 手段 。 广 义 地 
说 , 它 应 该 包括 信息 安全 管理 ,通信 安全 管理 ,交易 安全 管理 和 设备 安全 管理 等 。 因 此 ,网 站 
安全 管理 必须 与 其 他 的 计算 机 安全 技术 (如 网 络 安全 和 信息 系统 安全 ) 等 结合 起 来 ,才能 充 
分 发 挥 其 作用 。 


3. 电子 商务 网 站 的 安全 问题 


安全 问题 是 任何 一 个 和 网 络 连接 的 计算 机 设备 都 不 能 避 开 的 ,当然 在 电子 商务 网 站 的 
管理 中 安全 管理 同样 是 不 可 缺少 的 。 电 子 商 务 网 站 有 一 个 安全 可 靠 的 运行 环境 .良好 的 安 
全 管理 ,可 以 很 大 程度 上 消除 用 户 对 网 站 安全 性 的 疑虑 ,提高 客户 对 企业 的 信任 程度 ,从 而 
扩大 企业 的 客户 群体 。 安 全 管理 不 是 某 一 时 间 、 某 一 地 点 的 管理 , 它 会 贯穿 于 网 站 所 有 管理 
活动 的 始终 。 

1) 电子 商务 网 站 安全 隐患 

电子 商务 网 站 主要 存在 物理 和 软件 两 个 方面 的 安全 隐患 。 

物理 方面 的 安全 隐患 是 由 于 设备 的 硬件 运行 时 间 过 长 ,不 规则 操作 等 造成 设备 失灵 ,或 
由 于 受到 外 力 的 攻击 造成 硬件 的 损坏 ,如 硬件 设备 的 功能 失常 .电源 故障 、 电 磁 波 故障 、 您 怖 
袭击 及 自然 灾害 等 。 

软件 方面 的 安全 隐患 主要 为 服务 器 内 部 、 系 统 软 件 以 及 网 络 协 议 存在 漏洞 等 安全 隐患 。 

2) 电子 商务 网 站 攻击 

攻击 电子 商务 网 站 的 主要 分 为 有 2 种, 分别 为 : 利用 Web 服务 器 的 漏洞 进行 攻击 ,如 
CGI 缓冲 区 溢出 、 目 录 遍 历 漏 洞 利用 等 攻击 ; 利用 网 页 自身 的 安全 漏洞 进行 攻击 ,如 SQL 
注入 、 跨 站 脚本 攻击 等 。 

攻击 电子 商务 网 站 的 主要 应 用 技术 主要 有 : 

。 缓冲 区 溢出 一 一 攻击 者 利用 超出 缓冲 区 大 小 的 请 求 和 构造 的 二 进 制 代 码 让 服务 器 

执行 溢出 堆栈 中 的 恶意 指令 。 

。 Cookie 假冒 一 一 精心 修改 Cookie 数据 进行 用 户 假冒 。 

。 认 证 逃避 一 一 攻击 者 利用 不 安全 的 证 书 和 身份 管理 。 

。 非 法 输入 一 一 在 动态 网 页 的 输入 中 使 用 各 种 非法 数据 ,获取 服务 器 敏感 数据 。 

。 强制 访问 一 一 访问 未 授权 的 网 页 。 

° 隐藏 变量 算 改 一 一 对 网 页 中 的 隐藏 变量 进行 修改 ,欺骗 服务 器 程序 。 

。 拒绝 服务 攻击 一 一 构造 大 量 的 非法 请 求 .使 Web 服务 器 不 能 响应 正常 用 户 的 访问 。 

。 跨 站 脚本 攻击 一 一 提交 非法 脚本 ,其 他 用 户 浏览 时 瓷 取 用 户 账号 等 信息 。 
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SQL 注入 一 一 构造 SQL 代码 让 服务 器 执行 ,获取 敏感 数据 。 

URL 访问 限制 失效 一 一 黑客 可 以 访问 非 授权 的 资源 链接 强行 访问 一 些 登 录 网 页 、 
历史 网 页 。 

被 破坏 的 认证 和 Session 管理 一 一 Session token 没有 被 很 好 地 保护 ,在 用 户 推 出 系 
统 后 ,黑客 能 够 盗窃 Session. 

DNS 攻击 一 一 黑客 利用 DNS 漏洞 进行 欺骗 DNS 服务 器 ,从 而 达到 使 DNS 解析 不 
正常 .IP 地 址 被 转向 ,导致 网 站 服务 器 无 法 正常 打开 。 

3) 电子 商务 网 站 安全 措施 

(1) 登录 页 面 加 密 。 

在 登录 之 后 实施 加 密 可 能 有 用 ,这 就 像 把 大 门 关 上 以 防止 马 儿 跑 出 去 一 样 ,不 过 它们 并 
没有 对 登录 会 话 加密 , 这 就 有 点 儿 像 在 锁 上 大 门 时 却 将 钥匙 放 在 了 锁 眼 里 一 样 。 即 使 登录 
会 话 被 传输 到 了 一 个 加 密 的 资源 ,在 许多 情况 下 ,这 仍 有 可 能 被 一 个 恶意 的 黑客 攻克 ,他 会 
精心 地 伪造 一 个 登录 表单 ,借以 访问 同样 的 资源 ,并 访问 敏感 数据 。 通 常 , 加 密 方式 有 MD5 
加 密 、 数 据 库 加 密 等 。 

(2) 专业 工具 辅助 。 

在 市 面 上 ,目前 有 许多 针对 网 站 安全 漏洞 的 检测 监测 系统 ,但 大 多 数 是 收费 的 ,但 也 有 
一 些 免 费 的 网 站 安全 检测 平台 ,利用 它们 能 够 迅速 找到 网 站 的 安全 隐患 ,同时 一 般 也 会 给 出 
相应 的 防范 措施 。 

(3) 加 密 连 接管 理 站 点 。 

使 用 不 加 密 的 连接 (或 仅 使 用 轻 度 加 密 的 连接 ), 如 使 用 不 加 密 的 FTP 或 HTTP 用 于 
Web 站 点 或 Web 服务 器 的 管理 ,就 会 将 自己 的 大 门 向 “中 间 人 ?攻击 和 登录 /口令 的 嗅 探 等 
手段 敞开 大 门 。 如 果 某 人 截获 了 登录 和 口令 信息 ,他 就 可 以 执行 一 切 操作 。 因 此 请 务必 使 
用 加 密 的 协议 ,如 SSH 等 来 访问 安全 资源 ,要 使 用 经 证 实 的 一 些 安全 工具 。 

(4) 兼容 性 加 密 。 

根据 目前 的 发 展 情况 ,SSL 已 经 不 再 是 Web 网 站 加 密 的 最 先进 技术 。 可 以 考虑 TLS, 
即 传输 层 安 全 , 它 是 安全 套 接 字 层 加 密 的 继承 者 。 选 择 的 任何 加 密 方 案 要 保证 不 会 限制 用 
户 的 正常 使 用 。 

Co 连接 安全 网 络 。 

避免 连接 安全 特性 不 可 知 或 不 确定 的 网 络 ,也 不 要 连接 一 些 安全 性 差 的 网 络 ,如 一 些 未 
知 的 开放 的 无 线 访 问 点 等 。 无 论 何 时 ,只 要 必须 登录 到 服务 器 或 Web 站 点 实施 管理 ,或 访 
问 其 他 的 安全 资源 时 ,都 要 注意 这 一 点 。 如 果 连 接 到 一 个 没有 安全 保障 的 网 络 时 ,还 必须 访 
In] Web 站 点 或 Web 服务 器 ,就 必须 使 用 一 个 安全 代理 ,这 样 到 安全 资源 的 连接 就 会 是 来 自 
于 一 个 有 安全 保障 的 网 络 代 理 。 

(6) 不 共享 登录 信息 。 

共享 登录 机 要 信息 会 引起 诸多 安全 问题 。 这 不 但 适用 于 网 站 管理 员 或 Web 服务 器 管 
理 员 ,还 适用 于 在 网 站 拥有 登录 凭证 的 人 员 ,客户 也 不 应 当 共享 其 登录 赁 证。 登录 凭证 共享 
得 越 多 ,就 越 可 能 更 公开 地 共享 ,甚至 对 不 应 当 访 问 系统 的 人 员 也 是 如 此 ; 登录 机 要 信息 共 
享 得 越 多 ,建立 一 个 跟踪 索引 借以 跟踪 、 追 查 问 题 的 源头 就 越 困 难 ,而 且 如 果 因 安全 性 受到 
损害 或 威胁 而 需要 改变 登录 信息 时 ,就 会 有 更 多 的 人 受到 影响 。 
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(7) 采用 基于 密 钥 的 认证 而 不 是 口令 认证 。 

口令 认证 要 比 基 于 密 钥 的 认证 更 容易 被 攻破 。 设 置 口令 的 目的 是 在 需要 访问 一 个 安全 
的 资源 时 能 够 更 容易 地 记 住 登录 信息 。 不 过 如 果 使 用 基于 密 钥 的 认证 ,并 仅 将 密 钥 复制 到 
预定 义 的 、 授 权 的 系统 (或 复制 到 一 个 与 授权 的 系统 相 分 离 的 独立 介质 中 ,直接 需要 它 时 才 
取 回 ) ,将 会 得 到 并 使 用 一 个 更 健壮 的 难于 破解 的 认证 凭证 。 

(8) 运用 宛 余 性 保护 网 站 。 

备份 和 服务 器 的 失效 转移 可 有 助 于 维持 较 长 的 正常 运行 时 间 。 虽 然 失效 转移 可 以 极 大 
地 减少 服务 器 的 宕 机 时 间 ,但 这 并 不 是 宛 余 性 的 唯一 价值 。 用 于 失效 转移 计划 中 的 备份 服 
务 器 可 以 保持 服务 器 配置 的 最 新 ,这 样 在 发 生 灾难 时 就 不 必 从 头 开始 重新 构建 服务 器 。 备 
份 可 以 确保 客户 端 数据 不 会 丢失 ,而且 如 果 担 心 受到 损害 系统 上 的 数据 落 于 不 法 之 徒手 中 ， 
就 会 毫 不 犹 光 地 删除 这 种 数据 。 当 然 , 还 必须 保障 失效 转移 和 备份 方案 的 安全 ,并 定期 地 检 
查 以 确保 在 需要 这 些 方案 时 不 至 于 无 所 适 从 。 

(9) 确保 对 所 有 的 系统 都 实施 强健 的 安全 措施 ,而 不 仅 运 用 特定 的 Web 安全 措施 。 

在 这 方面 ,可 以 采用 一 些 通用 的 手段 ,如 采用 强 口 令 , 采 用 强健 的 外 围 防御 系统 、 及 时 更 
新 软件 和 为 系统 打 补 丁 、 关 闭 不 使 用 的 服务 ,使 用 数据 加 密 等 手段 保证 系统 的 安全 等 。 

(10) 利用 防火 墙 防护 网 站 安全 。 

例如 使 用 操作 系统 自 带 的 Internet 连接 防火 墙 (ICF) ,检查 出 入 防火 墙 的 所 有 数据 包 ， 
决定 拦截 或 是 放行 那些 数据 包 。 防 火 墙 可 以 是 一 种 硬件 、 固 件 或 者 软件 ,例如 专用 防火 墙 设 
备 就 是 硬件 形式 的 防火 墙 , 包 过 滤 路 由 器 是 嵌 有 防火 墙 固 件 的 路 由 器 ,而 代理 服务 器 等 软件 
就 是 软件 形式 的 防火 墙 。 


4. 电子 商务 网 站 的 维护 概述 


电子 商务 网 站 维护 是 为 了 让 网 站 能 够 长 期 稳定 地 运行 在 Internet 上 。 一 个 好 的 电子 商 
务 网 站 需要 定期 或 不 定期 地 更 新 内 容 , 只 有 这 样 才能 不 断 地 吸引 更 多 的 浏览 者 ,增加 访问 
量 。 电 子 商务 网 站 的 维护 主要 包括 网 页 维护 、 网 站 软件 与 硬件 维护 、 网 站 操作 系统 维护 。 

1) 网 页 维护 

网 页 的 精心 维护 和 管理 是 一 个 网 站 成 功 以 及 持续 发 展 的 关键 。 网 页 维护 的 内 容 包 括 网 
页 测试 、 页 面 更 新 与 检查 、 网 页 布局 更 新 、 网 站 升级 等 内 容 。 

(1) 网 页 测试 。 

。 外 观测 试 。 

。 连接 测试 。 

。 速度 测试 。 

。 脚本 和 程序 测试 。 

。 服务 器 日 志 测 试 。 

(2) 页 面 更 新 与 检查 。 

网 页 的 更 新 与 检查 主要 有 以 下 几 部 分 。 

O 专人 专门 维护 新 闻 栏 目 。 电 子 商 务 网 站 中 的 新 闻 栏 目 是 一 个 企业 的 宣传 口 , 是 提升 
企业 形象 的 重要 途径 。 在 这 个 栏目 中 ,一 方面 要 把 企业 .业界 动态 都 反映 在 里 面 , 让 访问 者 
觉得 这 个 企业 是 一 个 可 以 发 展 的 企业 、 有 前 途 的 企业 ; 另 一 方面 也 要 在 网 上 收集 相关 资料 ， 
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放置 到 网 站 上 ,吸引 同类 客户 ,并 使 他 们 产生 兴趣 ,所 以 ,新 闻 栏 目 需要 由 专人 负责 ,专人 管 
理 , 专 人 维护 ,这 样 可 以 保证 此 栏目 的 质量 ,并 吸引 更 多 的 浏览 者 单 击 该 栏目 。 

@ 时 常 检查 相关 的 链接 。 任 何 一 个 电子 商务 网 站 不 可 能 将 它 全 部 的 内 容 都 放 在 其 主 
页 面 上 ,都 需要 使 用 链接 进行 ,对 于 链接 是 否 连通 ,可 以 通过 测试 软件 对 网 站 中 所 有 的 网 页 
链接 进行 测试 ,但 最 好 还 是 用 手工 的 方法 进行 检测 .这样 才能 发 现 问题 。 尤 其 是 网 站 的 导航 
栏目 ,可 能 经 常 出 问题 ,因此 ,在 网 页 正常 运行 期 间 也 要 经 常 使 用 浏览 器 查看 、 测 试 页 面 , 查 
缺 补漏 ,精益 求 精 。 

C) 时 常 检 查 日 志文 件 。 网 页 更 新 最 有 用 的 依据 是 系统 的 日 志文 件 记 录 , 通 过 对 Web 
服务 器 的 日 志文 件 进行 分 析 和 统计 ,能 够 有 效 掌握 系统 运行 情况 以 及 网 站 内 容 的 受 访问 的 
情况 ,加 强 对 整个 网 站 及 其 内 容 的 维护 和 管理 。 

CD 时 常 检查 客户 意见 。 网 页 更 新 也 与 客户 意见 有 直接 的 关系 ,经 常 看 看 客户 的 意见 ， 
例如 ,有 的 客户 希望 网 站 论坛 中 加 入 一 个 音乐 论坛 ,有 的 客户 希望 在 网 站 中 出 售 的 CD 音乐 
中 加 入 试听 页 面 。 这 些 意见 反映 的 问题 ,网 站 完全 有 能 力 解 决 。 通 过 不 断 地 整理 .更 新 、 增 
加 栏目 和 内 容 , 网 络 将 会 一 天 天 地 丰富 、 成 熟 起 来 ,另外 ,每 次 更 新 都 不 要 忘 了 在 公告 栏 中 发 
布 最 新 消息 ,这样 一 方面 增加 了 公告 栏 的 内 容 , 另 一 方面 提升 了 企业 的 形象 。 

(3) 网 页 布局 更 新 。 

网 页 布局 大 致 可 分 为 国字 型 .拐角 型 .标题 正文 型 .左右 框架 型 、 上 下 型 .综合 型 .封面 
W Flash 型 .变化 型 等 几 种 类 型 。 对 主页 面 布 局 的 更 新 是 更 新 工作 中 最 为 重要 的 ,因为 人 
们 很 重视 第 一 印象 ,对 主页 的 更 新 宜 采用 重新 制作 ,不 过 网 站 的 Logo 是 不 能 变动 的 。 

(4) 网 站 升级 。 

在 网 页 维护 的 同时 ,要 做 好 网 站 的 升级 工作 。 网 站 升级 的 主要 工作 包括 以 下 几 方 面 。 

CD 网 站 应 用 程序 的 升级 。 网 站 应 用 程序 经 过 长 期 的 使 用 和 运行 ,难免 会 出 现 一 些 问 
题 ,如 泄露 源 代码 、 注 册 用 户 信 息 、 网 站 管理 者 信息 等 ,这 些 应 用 程序 的 问题 都 会 产生 很 严重 
的 后 果 , 轻 者 使 服务 器 停机 , 重 者 有 法 律 纠纷 ,甚至 使 整个 网 站 瘫痪 。 所 以 ,管理 人 员 一 定 要 
对 应 用 程序 进行 监控 ,一 旦 出 现 错误 和 问题 ,马上 进行 维护 ,必要 时 对 其 应 用 程序 进行 升级 。 

@ 网 站 后 台数 据 库 升级 。 网 站 后 台数 据 库 是 每 一 个 电子 商务 网 站 中 所 必需 的 ,也 是 使 
用 非常 频繁 的 一 个 软件 。 一 般 情况 下 ,开始 时 网 站 都 使 用 比较 小 的 数据 库 , 例 如 , Windows 
下 的 Access, DBF, MySQL 数据 库 ,对 于 大 批量 的 数据 访问 这 些 数据 库 会 使 服务 器 有 停机 
的 危险 。 当 发 现 访问 量 很 大 、 网 站 响应 变 慢 时 ,就 要 考虑 对 数据 库 的 升级 了 。 

© 服务 器 软件 的 升级 。 服 务 器 软件 随 着 版 本 的 升 高 ,性 能 和 功能 都 会 有 提高 ,适时 地 
升级 服务 器 软件 能 提高 网 站 的 访问 质量 。 例 如 , Windows NT 的 ISLinux 下 的 Apache 等 
Web 服务 器 都 可 以 适时 地 升级 其 软件 。 

D 操作 系统 的 升级 。 一 个 稳定 、 强 大 的 操作 系统 也 是 服务 器 性 能 的 保证 ,应 该 根据 操 
作 系 统 的 性 能 情况 不 断 升级 操作 系统 。 例 如 ,Windows 的 Update 升级 、Linux 的 内 核 升 
级 。 但 是 要 注意 的 是 ,操作 系统 的 升级 具有 一 定 的 危险 性 ,需要 把 握 好 。 

2) 网 站 硬件 与 软件 维护 

COD 硬件 维护 。 

硬件 维护 主要 包括 服务 器 、 网 络 联接 设备 及 其 他 硬件 的 维护 ,要 保持 所 有 硬件 设备 处 于 
良好 状态 ,维护 网 络 设备 不 间断 地 安全 运行 ,对 可 能 出 现 的 硬件 故障 问题 进行 评估 ,制订 出 
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一 套 良 好 的 应 急 方案 。 

(2) 软件 维护 。 

电子 商务 网 站 软件 维护 包括 服务 器 软件 .应 用 软件 和 其 他 相关 软件 的 维护 。 

3) 网 站 操作 系统 维护 

Windows 本 身 是 一 个 非常 开放 同时 也 非常 脆弱 的 系统 ,稍微 使 用 不 慎 就 可 能 会 导致 系 
统 受 损 ,甚至 凑 病 。 如 果 经 常 进行 应 用 程序 的 安装 与 印 载 ,也 会 造成 系统 的 运行 速度 降低 、 
系统 应 用 程序 冲突 明显 增加 等 问题 的 出 现 。 这 些 问 题 导致 的 最 终 后 果 就 是 不 得 不 重新 安装 
Windows。 下 面 介 绍 对 Windows 操作 系统 进行 维护 的 几 种 方法 。 

(1) 定期 对 磁盘 进行 碎片 整理 和 磁盘 文件 扫描 。 

使 用 Windows NT 系统 自身 提供 的 “磁盘 碎片 整理 ”和 “磁盘 扫描 程序 ”对 磁盘 文件 进 
行 优化 ,这 两 个 工具 都 非常 简单 。 为 防止 数据 丢失 、 系 统 崩 演 和 文件 破坏 ,Windows 磁盘 碎 
片 整理 程序 可 以 和 文件 系统 及 API 一 起 使 用 。 磁 盘 碎 片 整理 程序 可 以 通过 以 下 操作 优化 
磁盘 并 保持 磁盘 的 高 效 运行 。 

。 查找 磁盘 中 每 个 文件 的 碎片 。 

。 将 其 连续 复制 到 一 个 新 位 置 。 

° 确保 该 副本 是 原件 的 精确 复制 。 

。 更 新 主 文件 表 (MFT) ,以 便 设置 新 文件 的 位 置 。 

。 取消 分 配 原 位 置 并 将 其 重新 划分 为 可 用 空间 。 

(2) 维护 系统 注册 表 。 

Windows 的 注册 表 是 控制 系统 启动 、 控 制 系统 运行 的 底层 设置 ,其 文件 为 Windows 安 
装 路 径 下 的 System. dat 和 User. dat。 这 两 个 文件 并 不 是 以 明码 方式 显示 系统 设置 的 ,普通 
用 户 根 本 无 从 修改 。 如 果 经 常安 装 / 印 载 应 用 程序 ,这 些 应 用 程序 在 系统 注册 表 中 添加 的 设 
置 通常 并 不 能 够 彻底 删除 ,时间 长 了 会 导致 注册 表 变 得 非常 大 ,系统 的 运行 速度 就 会 受到 影 
响 。 目 前 市 面 上 流行 的 专门 针对 Windows 注册 表 的 自动 除 错 \ 压 缩 、 优 化 工具 也 非常 多 ,可 
以 说 Norton Utilities 提供 的 Windows Doctor 是 较 好 的 , 它 不 但 提供 了 强大 的 系统 注册 表 
错误 设置 的 自动 检测 功能 ,而 且 提 供 了 自动 修复 功能 。 使 用 该 工具 ,即使 对 系统 注册 表 一 无 
所 知 ,也 可 以 非常 方便 地 进行 操作 ,因为 只 需 单 击 程序 界面 中 的 Next 按钮 ,就 可 完成 系统 
错误 修复 。 

(3) 经 常 性 地 备份 系统 注册 表 。 

对 系统 注册 表 进 行 备份 是 保证 Windows 系统 可 以 稳定 运行 、 维 护 系 统 、 恢 复 系统 的 最 
简单 .最 有 效 的 方法 。 系 统 的 注册 表 信 息 保 存在 Windows 文件 夹 下 ,其 文件 名 是 System. 
dat 和 User. dat。 这 两 个 文件 具有 隐 含 和 系统 属性 ,现在 需要 做 的 就 是 对 这 两 个 文件 进行 
备份 ,可 以 使 用 regedit 的 导出 功能 直接 将 这 两 个 文件 复制 到 备份 文件 路 径 下 , 当 系 统 出 错 
时 再 将 备份 文件 导入 到 Windows 路 径 下 ,覆盖 源 文件 即 可 恢复 系统 。 

(4) 清理 System 路 径 下 的 无 用 的 DLL 文件 。 

这 项 维护 工作 大 家 可 能 并 不 熟悉 ,但 它 也 是 影响 系统 能 否 快速 运行 的 一 个 至 关 重 要 的 
因素 。 应 用 程序 安装 到 Windows 中 后 ,通常 会 在 Windows 的 安装 路 径 下 的 System 文件 夹 
中 复制 一 些 DLL 文件 。 而 当 将 相应 的 应 用 程序 删除 后 ,其 中 的 某 些 DLL 文件 通常 会 保留 
下 来 ; 当 该 路 径 下 的 DLL 文件 不 断 增 加 时 ,将 在 很 大 程度 上 影响 系统 整体 的 运行 速度 。 而 
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对 于 普通 用 户 来 讲 ,进行 DLL 文件 的 手工 删除 是 非常 困难 的 。 

针对 这 种 情况 ,建议 使 用 Clean System 自动 DLL 文件 扫描 ,删除 工具 ,只 要 在 程序 界 
面 中 选择 可 供 扫 描 的 驱动 器 ,然后 单 击 界面 中 的 Start Scanning 按钮 就 可 以 了 ,程序 会 自动 
分 析 相 应 磁盘 中 的 文件 与 System 路 径 下 的 DLL 文件 的 关联 ,然后 给 出 与 所 有 文件 都 没有 
关联 的 DLL 文件 列表 ,此 时 可 单 击 界 面 中 的 OK 按钮 进行 删除 和 自动 备份 。 


(E 务 2 利用 网 络 媒体 对 某 电 子 商务 网 站 进行 推广 


一 、 任 务实 现 
1. 做 好 宣传 推广 前 准备 工作 


(1) 熟悉 电子 商务 网 站 所 销售 的 产品 的 价格 ,规格 .特点 等 信息 。 
(2) 撰写 产品 宣传 广告 。 

(3) 撰写 产品 宣传 语 。 

(4) 提炼 产品 宣传 关键 词 。 

(5) 准备 产品 图 片 。 

(6) 准备 产品 音频 .视频 资料 。 


2. 利用 电子 邮件 群发 功能 ,给 用 户 发 送 推广 网 站 的 电子 邮件 


OD 收集 潜在 客户 的 邮箱 ,将 这 些 用 户 邮箱 录入 到 邮箱 的 “通讯 录 ”, 并 按 适 当 小 组 分 类 
管理 。 

(2) 利用 建立 好 的 通讯 录 小 组 ,选择 一 组 或 多 组 邮件 收 件 人 作为 推广 的 目标 。 

(3) 设计 邮件 的 内 容 ,注意 邮 件 内 容 。 

(4) 设计 要 发 送 邮件 的 主题 ,注意 主题 应 简单 有 吸引 力 。 


3. 利用 搜索 引擎 宣传 推广 网 站 。 
在 百度 网 站 http://e. baidu. com 直接 注册 登录 。 将 网 站 提交 给 百度 网 站 。 
4. 利用 BBS 论坛 推广 网 站 


(1) 利用 腾讯 论坛 http://bbs. qcloud. com/ 发布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 
(2) 利用 天 涯 社区 http://www. tianya. cn/ 发 布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 


5. 利用 博客 推广 网 站 


CD 利用 腾讯 微 博 http://t. qq. com/ 查 找 与 网 站 相关 的 圈子 ,然后 在 其 中 发 布 推广 带 
有 网 站 链接 的 帖子 。 

(2) 利用 搜狐 博客 http://blog. sohu. com/ 查 找 与 网 站 相关 的 圈子 ,然后 在 其 中 发 布 推 
广 带 有 网 站 链接 的 帖子 。 

(3) 利用 新 浪 博客 http://blog. sina. com. cn/ 查 找 与 网 站 相关 的 圈子 ,然后 在 其 中 发 布 
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推广 带 有 网 站 链接 的 帖子 。 
CD 利用 百度 贴吧 http: //tieba. baidu. com 查找 与 网 站 相关 的 贴吧 ,然后 在 其 中 发 布 
推广 网 站 的 带 有 网 站 链接 的 帖子 。 


6. 利用 微 信 推 广 网 站 


CD 利用 在 朋友 圈 中 发 布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 

(2) 利用 在 微 信和 群 中 发 布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 

(3) 利用 热门 公众 号 的 评论 发 布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 
(4) 申请 公众 号 并 在 其 中 发 布 推广 网 站 的 带 有 网 站 链接 的 帖子 。 


Z., 知识 学 习 


网 站 推广 , 即 以 互联 网 为 主要 手段 进行 的 ,为 达到 一 定 营销 目的 的 推广 活动 。 网 站 推广 
的 目的 在 于 让 尽 可 能 多 的 潜在 用 户 了 解 并 访问 网 站 ,通过 网 站 获得 有 关 产 品 和 服务 等 信息 ， 
为 最 终 形成 购买 决策 提供 支持 。 网 站 推广 需要 借助 于 一 定 的 网 络 工具 和 资源 。 常 用 的 网 站 
推广 工具 和 资源 包括 两 大 类 , 即 利用 传统 媒体 和 网 络 媒体 来 进行 网 站 推广 ,其 中 传统 媒体 是 
指 电视 ,广播 .报纸 .杂志 、 印 刷 品 .户外 广告 等 ,这 些 都 是 宣传 网 站 的 良好 途径 。 同 时 在 互联 
网 上 ,网 络 营销 已 是 网 站 推广 的 必要 途径 ,而 网 络 营销 又 是 如 何 通过 几 个 链接 点 进行 推广 的 
呢 ? 一 般 的 方法 有 搜索 引擎 推广 新闻 营 销 、 博 客 营销 、 微 信和 营销 、 论 坛 营销 等 手段 ,而 最 为 
权威 的 、 最 为 有 力度 的 则 为 搜索 引擎 的 推广 。 

下 面 以 搜索 引擎 推广 为 主 介绍 网 络 推广 的 手段 。 


1. 搜索 引擎 推广 


1) 认识 搜索 引擎 分 类 

(1) 目录 式 搜索 引擎 。 把 因特网 中 的 资源 收集 起 来 ,由 其 提供 的 资源 类 型 不 同 而 分 成 
不 同 的 目录 ,再 一 层 层 地 进行 分 类 ,人 们 要 找 自己 想 要 的 信息 可 按 分 类 一 层 层 进入 ,就 能 最 
后 到 达 目 的 地 ,找到 自己 想 要 的 信息 。 

(2) 智能 式 搜索 引擎 。 这 种 搜索 引擎 能 自动 收录 网 页 资源 (如 Google、 百 度 ) ,其 工作 原 
理 是 利用 其 内 部 的 蜘蛛 (spider) 程 序 , 自 动 搜索 网 站 每 一 开始 页 , 放 入 数据 库 , 供 用户 来 查 
询 。 一 般 而 言 ,其 搜索 程序 包括 以 下 几 个 步骤 。 

收集 一 一 利用 蜘蛛 (spider) 程 序 自 动 访问 互联 网 ,并 沿 着 网 页 中 的 URL Jf 53] ££ far I] 
页 ,并 收集 疏 过 的 所 有 网 页 。 

索引 一 一 由 分 析 系 统 对 收集 回来 的 网 页 进行 分 析 ,提取 相关 网 页 信息 (包括 页 面 内 容 包 
含 的 关键 词 .编码 类 型 .被 其 他 网 页 链接 次 数 等 )。 

搜索 一 一 当 用 户 输入 关键 词 提交 一 次 搜索 请 求 后 ,由 搜索 系统 从 检索 数据 库 中 搜索 出 
所 有 含有 该 关键 词 的 网 页 。 

排序 一 一 对 搜索 到 的 大 量 网 页 结果 ,根据 一 定 的 相关 度 算法 进行 计算 ,然后 按照 与 查询 
关键 词 的 相关 性 进行 排序 ,系统 将 搜索 结果 返回 给 用 户 。 

(3) 地 址 栏 搜索 引擎 。 例 如 ,中 文 关键 词 寻 址 技术 (3721 网 络 实名 )。 通 过 建立 自然 语 
言词 汇 与 网 站 地 址 的 对 应 关系 ,从 而 实现 用 户 对 网 站 的 便捷 访问 。 目 前 ,国内 市 场 上 主要 有 
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三 大 厂商 掌握 了 中 文 寻 址 技术 ,这 些 技术 是 : 3721 的 网 络 实名 、 百 度 的 搜索 伴侣 以 及 中 国 
互联 网 络 信息 中 心 的 通用 网 址 。 

2) 制订 搜索 引擎 推广 计划 

A) 关键 字 优 化 计划 。 关 键 字 策略 是 搜索 引擎 优化 的 核心 问题 ,甚至 可 以 说 关键 字 不 
仅 是 搜索 引擎 优化 的 核心 ,也 是 整个 搜索 引擎 营销 都 必须 围绕 的 核心 。 所 以 制订 搜索 引擎 
推广 计划 时 ,首先 要 解决 的 是 关键 字 的 选择 .关键 字 的 使 用 密度 ,以 及 关键 字 分 布 方案 。 对 
企业 商家 而 言 ,核心 关键 字 就 是 经 营 范围 ,如 产品 /服务 名 称 ` 行 业 定位 ,以 及 企业 名 名 称 或 
品牌 名 称 等 。 选 择 关键 词 时 要 注意 : 

。 不 用 意义 太 泛 的 关键 字 。 

° 用 自己 的 品牌 作为 关键 词 。 

° 使 用 地 理 位 置 作为 关键 词 ,地理 位 置 对 于 服务 于 地 方 的 企业 尤其 重要 。 

。 回顾 竞争 者 使 用 的 关键 词 。 

。 不 用 与 自己 无 关 的 关键 词 。 

。 控 制 关键 词 数 量 , 一 页 中 的 关键 词 以 最 多 不 超过 3 个 为 佳 。 

(2) 制订 搜索 引擎 登录 计划 。 搜 索引 引擎 对 不 同行 业 的 网 站 作用 有 差别 。 调 查 显示 ， 
旅游 食品、 住房 保健、 零售 等 行业 网 站 的 访问 量 对 搜索 引擎 依赖 程度 较 高 ,搜索 引擎 对 制 
造 业 和 政府 机 构 的 作用 最 小 。 

企业 可 以 根据 实际 情况 ,选择 不 同 的 门户 网 站 或 搜索 引擎 进行 网 站 登录 。 以 下 是 国内 
几 大 网 站 的 目标 客户 定位 ,可 作为 企业 选择 登录 对 象 时 的 参考 。 新 浪 网 的 搜索 用 户 比 较 集 
中 在 政府 部 门 和 计算 机 行业 。 搜 狐 网 在 IT 行业 用 户 、 传 统 行业 如 制造 业 用 户 中 ,利用 率 最 
高 。 针 对 一 些 比较 受 年 轻 群 体 欢迎 的 产品 ,推荐 使 用 网 易 搜索 引擎 ,如 日 常用 品 ( 特 别 是 化 
妆 品 )、 时 尚 用 品类 的 产品 。 这 几 类 门户 网 站 的 登录 方式 目前 都 是 付费 登录 方式 。 百 度 的 运 
营 模 式 是 投放 关键 词 况 价 排名 ,适合 制造 业 等 标准 化 产品 行业 。 而 Google 则 在 页 面 右 侧 投 
放 关 键 词 广 告 ,适合 开展 外 贸 业 务 进行 海外 推广 的 企业 。 除 了 向 搜索 引擎 提交 网 站 外 ,还 有 
很 多 专业 网 站 的 推广 价值 也 不 容 忽视 ,所 以 可 以 在 这 些 专业 网 站 上 进行 注册 ,宣传 ,推广 
网 站 。 

具体 做 法 如 下 。 

C 在 重要 网 站 发 表 专业 文章 。 围 绕 目标 关键 词 在 一 些 重要 站 点 发 表 文章 ,在 文章 中 或 
结尾 带 上 网 站 签名 ,或 在 作者 简介 中 放 上 链接 和 围绕 关键 字 的 网 站 描述 。 这 样 既 可 能 获得 
高 质量 的 互惠 链接 ,也 可 能 获得 目标 客户 。 

O 在 博客 日志 或 个 人 主页 上 也 要 加 上 网 站 链接 。 注 意 ,发 表 的 文章 标题 都 应 该 包含 
关键 词 在 内 。 同 时 将 所 在 行业 目录 提交 给 网 站 。 尽 可 能 将 更 多 的 相关 网 络 目录 行业 目录 、 
商务 目录 、 黄 页 提交 给 网 站 ,加 入 企业 库 。 

虽然 搜索 引擎 对 网 站 推广 起 到 的 作用 是 很 大 的 ,但 是 要 达到 效果 还 必须 是 多 维 的 营销 ， 
也 就 是 多 管 齐 下 ,才能 有 更 大 成 效 。 

3) 做 好 网 站 优化 ,提升 自然 排名 

提升 网 站 自然 排名 很 有 技巧 ,但 绝 不 可 作 整 ,否则 将 遭 到 惩罚 。 提 升 网 站 自然 排名 的 过 
程 就 是 让 网 站 更 加 迎合 访问 者 的 需要 ,提高 网 站 运营 效率 的 过 程 。 这 并 非 单纯 迎合 搜索 引 
擎 ,一定 要 注意 以 下 几 点 。 
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(1) 网 站 内 容 的 优化 。 

CD 建立 一 个 有 用 的 内容 丰富 的 能 清楚 、 准 确 描述 网 站 主题 的 页 面 ,使 网 站 层次 分 明 、 
文本 链接 清晰 ,页 面 之 间 通 过 至 少 一 个 文本 与 其 他 页 面相 互 链接 。 

@ 为 访问 者 提供 一 个 通 向 所 有 重要 页 面 的 网 站 地 图 ,如 果 网 站 地 图 页 的 链接 数 超过 
100, 那 么 应 该 把 它 分 成 多 个 页 面 ( 即 每 页 最 多 只 能 有 100 个 链接 )。 

© 收集 那些 搜索 者 将 使 用 到 的 发 现 你 网 站 的 关键 字 ,确保 你 的 页 面 里 适当 地 包含 这 些 
关键 字 。 

@ 使 用 文本 而 不 是 图 片 去 表达 那些 较为 重要 的 名 字 内 容 或 者 链接 。 因 为 很 多 搜索 引 
擎 的 搜索 程序 不 能 识别 包含 在 图 片 里 的 文本 。 

O 设置 导航 系统 。 

© 检查 死 链接 及 HTML 代码 错误 。 

CD 保证 每 个 页 面 有 适当 的 链接 数 。 

(2) 网 站 结构 优化 。 

有 序 ,合理 安排 文件 目录 结构 ,规范 命名 。 简 单 的 网 站 最 多 呈现 三 个 层次 就 可 以 了 。 重 
要 内 容 放 在 顶级 目录 。 目 录 文 件 夹 名 含 关键 词 , HTML 网 页 文件 名 含 关键 词 , 图 片 文件 也 
含 关键 词 。 这 里 的 关键 词 主要 针对 具体 页 面 内 容 而 言 。 文 件 名 是 词组 时 就 用 短 横 线 或 下 画 
线 隔 开 ,规范 的 做 法 是 使 用 英文 而 不 是 拼音 字母 。 


2. 交换 链接 推广 


网 站 之 间 的 资源 合作 也 是 互相 推广 的 一 种 重要 方法 ,其 中 最 简单 的 合作 方式 为 交换 链 
接 。 网 站 其 他 合作 还 包括 内 容 共 享 ,资源 互 换 、 互 为 推荐 等 。 尽 管 形式 和 操作 方法 各 不 相 
同 ,但 是 基本 思路 是 一 样 的 , 即 在 自己 拥有 一 定 营销 资源 的 情况 下 通过 合作 以 达到 共同 发 展 
的 目的 。 交 换 链接 本 身 也 是 一 项 常用 的 网 站 推广 手段 。 被 其 他 网 站 链接 的 机 会 越 多 , 越 有 
利于 推广 自己 的 网 站 ,尤其 对 于 大 多 数 中 小 网 站 来 说 ,这 种 免费 的 推广 手段 是 一 种 常用 的 且 
有 一 定 效 果 的 方法 。 


3. 网 络 社区 推广 


网 络 社区 是 网 上 特有 的 一 种 虚拟 社会 ,主要 通过 把 具有 共同 兴趣 爱好 的 访问 者 集中 到 
一 个 虚拟 空间 ,达到 成 员 相互 沟通 的 目的 。 网 络 社区 是 用 户 常 用 的 服务 之 一 ,由 于 有 众多 用 
户 的 参与 ,因而 已 不 仅仅 具备 交流 的 功能 ,实际 上 也 成 为 一 种 营销 场所 。 

(1) 网 络 社区 的 主要 形式 和 功能 。 

(D 论坛 (或 BBS)。 它 是 虚拟 网 络 社区 的 主要 形式 ,大 量 的 信息 交流 都 是 通过 论坛 (或 
BBS) 完 成 的 ,会 员 通 过 张贴 信息 或 者 回复 信息 达到 互相 沟通 的 目的 。 有 些 简 易 的 社区 甚至 
只 有 一 个 论坛 (或 BBS) 系统。 

@ 聊天 室 (Chat Room) 。 在 线 会 员 可 以 实时 交流 ,对 某 些 话题 感 兴趣 的 网 友 通常 可 以 
利用 聊天 室 进行 深入 交流 。 

© 讨论 组 (Discussion Group)。 如 果 一 组 成 员 需 要 对 某 些 话题 进行 交流 ,通过 基于 电 
子 邮件 的 讨论 组 会 觉得 非常 方便 ,而 且 有 利于 形成 大 社区 中 的 专业 小 组 。 

@ 网 络 寻 呼 (QQ/OICQ)。 现 在 上 网 的 人 中 多 数 都 有 QQ 或 OICQ 号 ,在 线 好 友 可 以 
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即时 交流 ,也 可 离线 留言 ,更 有 人 喜欢 用 QQ 群 来 交流 ,发 送 广 告 也 非常 方便 。 

论坛 和 聊天 室 是 网 络 社区 中 最 主要 的 两 种 表现 形式 ,在 网 络 营销 中 有 着 独到 的 应 用 。 
网 络 社区 可 以 增进 和 访问 者 或 客户 之 间 的 关系 ,也 可 以 直接 促进 网 上 销售 。 

(2) 网 络 社区 在 营销 中 的 主要 作用 。 

网 络 社区 营销 是 网 络 营销 区 别 于 传统 营销 的 重要 表现 。 网 络 社区 营销 主要 有 两 种 形 
式 : 利用 其 他 网 站 的 社区 和 利用 自己 网 站 的 社区 进行 营销 。 

网 站 社区 的 主要 作用 如 下 。 

CD 交流 平台 。 可 以 与 访问 者 直接 沟通 ,容易 得 到 访问 者 的 信任 。 如 果 网 站 是 商业 性 的 
站 点 , 则 可 以 了 解 客户 对 产品 或 服务 的 反馈 意见 ,访问 者 很 可 能 通过 和 你 的 交流 而 成 为 真正 
的 客户 ,因为 人 们 更 愿意 从 了 解 的 商店 或 公司 购买 产品 ; 如 果 网 站 是 学 术 性 的 站 点 , 则 可 以 
方便 地 了 解 同行 的 观点 ,收集 有 用 的 信息 ,并 有 可 能 给 自己 带 来 启发 ; 为 参加 讨论 或 聊天 ， 
人 们 愿意 重复 访问 你 的 网 站 ,因为 那里 是 和 他 志趣 相投 者 聚会 的 场所 ,除了 相互 介绍 各 自 的 
观点 之 外 ,一 些 有 争议 的 问题 也 可 以 在 此 进行 讨论 。 

@ 客服 工具 。 作 为 一 种 顾客 服务 的 工具 ,利用 BBS 或 聊天 室 等 形式 在 线 回 答 顾客 的 
问题 。 作 为 实时 顾客 服务 工具 ,聊天 室 的 作用 已 经 得 到 用 户 认可 。 

@ 建立 互惠 链接 。 可 以 与 那些 没有 建立 社区 的 网 站 合作 ,允许 使 用 自己 的 论坛 或 聊天 
室 。 当 然 , 那 些 网 站 必须 为 进入 你 的 社区 建立 链接 和 介绍 ,这 种 免费 宣传 机 会 很 有 价值 。 建 
立 了 论坛 或 聊天 室 之 后 ,可 以 在 相关 的 分 类 目录 或 搜索 引擎 登记 ,有 利于 更 多 人 发 现 你 的 网 
站 ,也 可 以 与 同类 的 社区 建立 互惠 链接 。 

@ 方便 进行 在 线 调查 。 无 论 是 进行 市 场 调研 ,还 是 对 某 些 热点 问题 进行 调查 ,在线 调 
查 都 是 一 种 高 效 廉价 的 手段 。 在 主页 或 相关 网 页 设置 一 个 在 线 调 查 表 是 通常 的 做 法 。 然 
而 ,对 多 数 访问 者 来 说 ,由 于 占用 额外 的 时 间 , 大 都 不 愿 参与 调查 ,即使 提供 某 种 奖励 措施 ， 
参与 的 人 数 可 能 仍然 不 多 ,如 果 充 分 利用 论坛 和 聊天 室 的 功能 ,主动 ,热情 地 邀请 访问 者 或 
会 员 参 与 调查 ,参与 者 的 比例 一 定 会 大 幅 增加 ,同时 ,通过 收集 BBS 上 顾客 的 留言 也 可 以 了 
解 到 一 些 关 于 产品 和 服务 的 反馈 意见 。 


4. 网 络 广告 投放 推广 


网 络 广告 投放 虽然 要 花 钱 ,但 是 给 网 站 带 来 的 流量 却 是 很 可 观 的 ,不 过 如 何 花 最 少 的 钱 
获得 最 好 的 效果 ,这 就 有 许多 技巧 了 。 

CD 低 成 本 ,高 回报 。 怎 样 才 能 收 到 如 此 效果 呢 ? 取决 于 对 媒体 的 选择 。 如 果 想 获得 
知名 度 ,那么 就 出 钱 到 那些 有 知名 度 的 网 站 投放 广告 ; 如 果 只 是 为 了 流量 ,那么 就 把 这 些 媒 
体 网 站 过 滤 掉 ,因为 它们 的 价格 都 很 贵 。 那 么 选 什么 样子 的 网 站 作为 投放 媒体 ? 名 气 不 大 
但 流量 大 的 网 站 。 目 前 ,许多 个 人 站 点 虽然 名 气 不 是 很 大 ,但 是 流量 特别 大 ,在 上 面 做 广告 ， 
价格 一 般 都 不 贵 。 如 duddy. net 在 某 流量 很 大 的 软件 下 载 网 站 投放 广告 ,一 个 月 才 300 元 ， 
每 天 就 可 以 带 来 几 百 的 客流 ,还 是 比较 实惠 。 

(2) 高 成 本 ,高 收益 。 这 个 收益 不 是 流量 ,而 是 收入 。 对 于 一 个 商务 网 站 ,客流 的 质量 
和 客流 的 流量 一 样 重要 。 此 类 广告 投放 要 选择 的 媒体 非常 有 讲究 。 首 先 ,要 了 解 自 己 的 潜 
在 客户 是 哪 类 人 群 、 他 们 有 什么 习惯 ,然后 寻找 他 们 出 现 频率 比较 高 的 网 站 进行 广告 投放 。 
也 许 价格 会 高 些 ,但 是 它 带 来 的 客户 质量 比较 高 ,所 以 带 来 的 收益 也 比较 高 。 例 如 ,作为 卖 


项 目 七 ”电子 商务 网 站 的 运营 管理 与 维护 fan) 


化 妆 品 的 网 站 ,在 某 著名 女性 网 站 投放 ,价格 虽然 有 点 高 ,但 是 带 来 的 质量 比较 高 ,成 为 自己 
客户 的 人 也 比较 多 ,可 以 获得 很 好 的 收益 。 


5. 广告 邮件 推广 


广告 邮件 目前 大 多 都 成 了 垃圾 邮件 ,主要 的 原因 是 因为 邮件 地 址 选择 .邮件 设计 等 。 广 
告 邮件 的 设计 要 得 当 , 选 择 适合 的 人 群发 放 也 很 重要 。 如 果 广 告 邮 件 群发 操作 得 当 , 其 效果 
也 非常 有 效 的 ,而 且 成 本 不 高 。 目 前 ,在 国内 ,200 元 就 可 以 买 到 带 1 亿 个 邮件 地 址 的 群发 
功能 。 另 外 ,可 以 在 自己 的 网 站 加 入 邮件 列表 功能 ,可 以 让 网 友 订 阅 自己 的 电子 杂志 ,然后 
在 电子 杂志 中 融入 营销 的 相关 策略 ,也 可 以 取得 很 好 的 效果 。 

广告 邮件 设计 原则 如 下 。 

CD 标题 建议 。 吸 引 人 ,简单 明了 ,不 要 欺骗 人 。 

(2) 内 容 建议 。 采 用 HTML 格式 比较 好 ,排版 一 定 要 清晰 。 


6. 病毒 式 营销 推广 


病毒 式 营销 主要 是 利用 互利 的 方法 ,让 大 家 帮助 宣传 ,制造 一 种 像 病毒 传播 一 样 的 效 
果 。 下 面 介绍 几 个 常用 的 方法 。 

(1) 免费 服务 。 如 果 有 条 件 ,可 以 提供 免费 留言 板 、 免 费 域名 、 免 费 邮件 列表 、 免 费 新 
闻 、 免 费 计 数 器 等 。 在 这 些 服务 中 都 可 以 加 入 自己 的 广告 或 者 链接 。 

(2) 提供 有 趣 页 面 。 制 作 精美 的 页 面 或 有 趣 的 页 面 ,常常 可 以 在 网 上 被 网 友 迅 速 地 宣 
传 。 所 以 ,可 以 制作 此 类 页 面 推荐 给 朋友 。 

G) 软件 插件 推广 。 这 种 推广 比较 适用 于 并 不 太 在 意 品牌 的 网 站 。 软 件 推广 的 常用 方 
法 是 发 布 包含 常用 软件 的 软件 包 , 在 里 面 穿插 强制 性 修改 系统 程序 的 网 站 代码 ,用户 一 旦 安 
装 软件 包 , 即 可 修改 其 浏览 器 设置 ,如 将 某 网 址 设 为 首页 ,收藏 某 网 址 等 。 这 些 都 会 给 网 站 
带 来 不 错 的 曝光 度 ,但 是 也 会 带 来 不 良 的 影响 。 


7. 活动 宣传 推广 


通过 举行 一 系列 活动 ,让 更 多 的 用 户 参 与 到 活动 中 ,在 与 用 户 互动 的 过 程 中 ,逐步 达到 
网 站 推广 的 目的 ,这 种 推广 方法 最 显著 的 特点 是 可 以 提高 网 站 认 知 度 。 不 过 不 是 什么 活动 
都 能 够 有 效果 , 想 有 很 好 的 效果 ,就 必须 有 很 好 的 策划 。 网 站 的 最 好 的 宣传 方式 是 口碑 相 
传 ,活动 宣传 推广 常见 的 形式 有 举办 大 赛 . 注 册 送 积分 ,大 优惠 、 购 买 赢 取 大 奖 等 。 


8. 微 博 推广 


微 博 推广 是 指 通过 微 博 平 台 为 商家 、 个 人 等 创造 价值 而 执行 的 一 种 推广 方式 ,也 是 指 商 
家 或 个 人 通过 微 博 平台 发 现 并 满足 用 户 的 各 类 需求 的 商业 行为 方式 。 微 博 推 广 以 微 博 作为 
推广 平台 ,每 一 个 听众 (粉丝 ) 都 是 潜在 的 推广 对 象 ,企业 利用 更 新 自己 的 微 博 向 网 友 传 播 电 
子 商务 网 站 链接 ,企业 信息 、 产 品 信 息 , 树 立 良好 的 企业 形象 和 产品 形象 。 每 天 只 要 更 新 内 
容 就 可 以 跟 大 家 交流 互动 ,或 者 发 布 大 家 感 兴趣 的 话题 ,这 样 来 达到 电子 商务 网 站 推广 的 目 
的 ,这 样 的 方式 就 是 互联 网 新 推出 的 微 博 推广 。 

该 推广 方式 注重 价值 的 传递 .内 容 的 互动 ,系统 的 布局 、 准 确 的 定位 。 微 博 的 火热 发 展 
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也 使 得 其 推广 效果 尤为 显著 。 微 博 推广 涉及 的 范围 包括 认证 有 效 粉 丝 \. 朋 友 、 话 题名 博 、 
开放 平台 、 整 体 运营 等 。 自 2012 年 12 月 ,新 浪 微 博 推 出 企业 服务 商 平台 ,为 企业 网 站 在 微 
博 上 进行 推广 提供 一 定 帮 助 。 


9. 微 信 推广 


微 信 推广 是 网 络 经 济 时 代 企 业 或 个 人 推广 模式 的 一 种 ,是 伴随 着 微 信 的 火热 而 兴起 的 
一 种 网 络 推广 方式 。 微 信 不 存在 距离 的 限制 ,用 户 注册 微 信 后 ,可 与 周围 同样 注册 的 “朋友 ” 
形成 一 种 联系 ,订阅 自己 所 需 的 信息 ; 商家 通过 提供 用 户 需 要 的 信息 ,推广 自己 的 产品 或 网 
站 链接 ,从 而 实现 点 对 点 的 推广 。 

微 信 推广 主要 体现 在 以 安 卓 系统 .苹果 系统 的 手机 或 者 平板 电脑 中 的 移动 客户 端 进行 
的 区 域 定位 推广 ,商家 通过 微 信 公 众 平台 ,结合 转 介 率 , 微 信 会 员 管 理 系统 展示 商家 微 官网 、 
微 会 员 、 微 推送 、 微 支付 微 活动 ,已 经 形成 了 一 种 主流 的 线 上 线 下 微 信 互 动 推广 方式 。 


E 项 目 练习 | 


一 、 实 训 题 


1. 利用 BBS ,博客 和 微 信 对 某 电 子 商 务 网 站 进行 推广 。 

2. 使 用 注册 表 修 改 3389 端口 为 3790 端口 。 

3. 在 DD 盘 根 目 录 下 创建 一 个 Website 目录 ,在 Website 目录 下 创建 一 个 myweb 子 目 
录 , 该 子 目 录 里 存放 的 是 网 站 程序 文件 (如 上 传 目 录 fileupload) 。 设 置 Website 目录 权限 只 
f£ SYSTEM 用户 和 Administrators ZH , myweb 子 目录 权限 只 保留 IUSR 用 户 和 IIS_ 








IUSRS 组 。 
二 、 练 习题 
1. 选择 题 
(D SEO 是 指 ( Jis 
A. 搜索 引擎 优化 B. 站 点 流量 统计 
C. 搜索 机 制 D. 搜索 引擎 营销 
(2) 以 FC ) 不 是 搜索 引擎 的 组 成 部 分 。 
A. 信息 搜集 B. 信息 整理 C. 流量 统计 D. 用 户 查 询 
(3) 以 下 ( ) 不 属于 搜索 引擎 网 站 。 
A. 百度 B. 淘宝 C. 谷歌 D. 雅虎 
(4) 网 页 中 关键 字 的 部 署 基 本 原则 是 : 主 关键 字 可 能 在 网 页 中 出 现 ( WX. 
A. 1—2 B. 3—4 C. 5—6 D. 7—8 
2. 填空 题 
CD 软件 方面 的 安全 隐患 主要 有 和 等 安全 隐患 。 
(2) 攻击 电子 商务 网 站 主要 分 为 和 š 
(3) 常见 的 网 络 推广 方法 一 般 有 搜索 引擎 推广 、 、 和 论坛 





推广 等 。 而 最 权威 .最 有 力度 的 则 为 i 
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(4) 广告 邮件 设计 原则 有 和 š 
(5) 常见 的 病毒 式 营销 推广 方法 有 和 
3. 简 答题 

(1) 简要 说 明 对 网 站 的 维护 主要 包括 哪 几 个 部 分 。 

(2) 什么 是 防火 墙 ? 按 软 硬 件 分 类 方法 ,防火 墙 的 种 类 有 哪些 ? 
(3) 列举 网 站 推广 的 方式 和 方法 。 

(4) 电子 商务 网 站 的 服务 器 中 为 什么 建议 修改 3389 端口 ? 

(5) 为 什么 建议 禁用 135.137.138.139.445 端口 ? 

(6) 试 分 析 当 前 电子 商务 网 站 运营 与 推广 的 手段 与 方法 。 
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g merai] 


1. 能 开发 简单 的 电子 商务 动态 网 站 。 
2. 掌握 电子 商务 网 站 的 规划 、 分 析 和 设计 思想 。 
3. 熟悉 网 站 功能 模块 程序 的 算法 和 代码 编写 。 


_ 项 目 任务 | 


。 任 务 1 商场 在 线 购物 网 站 

本 任务 的 目标 是 通 对 前 面 所 学 的 知识 ,根据 对 网 站 的 需求 分 析 \ 方 案 设计 和 功能 模块 划 
分 等 ,对 商场 在 线 购 物 网 站 进行 开发 。 

* 任务 2 网 上 图 书 销售 系统 

本 任务 的 目标 是 通过 前 面 所 学 的 知识 ,根据 对 网 上 书店 的 需求 分 析 \ 方 案 设计 和 功能 模 
块 划分 等 ,对 网 上 图 书 销售 系统 进行 开发 。 


任务 1 商场 在 线 购物 网 站 





一 、 任 务实 现 
1. 前 台 主 要 功能 页 面 


(1) 首页 。 
打开 首页 index. aspx, 效 果 如 图 8. 1 所 示 。 
首页 (index. aspx. cs) 脚 本 代码 如 下 。 


using System; 

using System. Data; 

using System. Configuration; 
using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 
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图 8.1 首页 


using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 
public partial class Index : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
this. BindFLXX() ; 
this. BindSPXX() ; 
this. BindSPCount(); 
if (Session["UserID"] != null) 
{ 
Pane12. Visible = false; 
Panel3.Visible = true; 
username. Text = Session[ "UserName"].ToString(); 
level.Text = Session["PersonType"].ToString(); 


) 
protected void ImageButtoni Click(object sender, ImageClickEventArgs e) 
{ 
string str = Request.Cookies["yanzhenma"].Value.ToString(); 
if (txtyzm. Text. Trim() == str) 
{ 
// 判 断 登 录 人 员 的 密码 和 用 户 名 是 不 是 正确 
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if (txtusername. Text. Trim().ToLower() == "administrator") 
{ 
DataTable tmpda = new DataTable(); 
tmpda = DataBase. Get_Table( "select * from glyxx where dlm = '" + this. 
txtusername. Text. Trim() + "'and mm = '" + this.txtpassword.Text.Trim() + "'"); 
if (tmpda. Rows. Count <= 0) 
{ 
Response. Write( "< script > alert( ' 用 户 名 或 密码 错误 ') ; window. location. 


href = 'index. aspx';</script >"); 


return; 
) 
else 
{ 
Session["PersonType"] = "5"; 
Session["UserName"] = "系统 管理 员 "; 
} 
} 
else 


{ 
DataTable tmpda = new DataTable(); 


tmpda - DataBase.Get Table("select * from hyxx where hydlm - '" * this. 
txtusername.Text.Trim() + "'andmm- '" + this. txtpassword. Text. Trim() + "'"); 
if (tmpda.Rows.Count <= 0) 
{ 
Response. Write("< script > alert(' 用 户 名 或 密码 错误 ') ; window. location. 
href = 'index.aspx';«/script»"); 
return; 
) 
else 


{ 
Session["UserName"] = tmpda.Rows[0]["xn"]. ToString(); 


Session["PersonType"] = tmpda.Rows[0]["hydj"]. ToString(); 


) 
// 保 存 用 户 名 到 公用 Session 
Session["UserID"] = this.txtusername. Text. Trim(); 


Response. Redirect(" index. aspx"); 
) 


else 


{ 
Response. Write("« script» alert( ' 验 证 码 错 误 !!!');window. location. href = 'index. 


aspx';</script >"); 


} 
} 
protected void Imagebutton3 Click(object sender, ImageClickEventArgs e) 
t 


Session. Renove("UserID") ; 
Session. Renove( "UserName" ) ; 
Session. Remove("PersonType"); 
Response. Redirect(" index. aspx"); 
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j 
public void BindFLXX() 
t 
DataTable tmpda = new DataTable(); 
tmpda - DataBase.Get Table("select * from spflxx"); 
DataList4.DataSource - tmpda; 
DataList4.DataBind(); 
) 


public void BindSPXX() 
{ 
DataTable tmpda = new DataTable(); 
if (Request.QueryString["spflbh"] == null) 


{ 
// 显 示 全 部 的 商品 信息 
tmpda = DataBase.Get Table("select * from spxx"); 
} 
else 
{ 


// 显 示 指定 类 型 的 商品 信息 
tmpda = DataBase. Get_ Table("select * from spxx where spflbh =" + Request. 
QueryString["spflbh"]. ToString()); 
} 


PagedDataSource page = new PagedDataSource(); 
page.DataSource = tmpda.DefaultView; 
page.AllowPaging - true; 

page.PageSize - 8; 


int curpage; 
if (Request.QueryString["page"] != null) 
curpage = int.Parse(Request. QueryString[ "page" ]); 
else 
curpage = 1; 
page.CurrentPageIndex - curpage - 1; 


Label4.Text = "当前 页 :”+ curpage.ToString(); 
if (!page. IsFirstPage) 
{ 
if (Request.QueryString["spflbh"] == null) 
HyperLink2.NavigateUrl = "Index.aspx?page -" + Convert. bString(curpage - 1); 
else 
HyperLink2.NavigateUrl = "Index. aspx? spflbh =" + Request. QueryString 
["spflbh"].ToString() + "&page=" + Convert.ToString(curpage - 1); 
) 
if (!page. IsLastPage) 
{ 
if (Request. QueryString["spflbh"] == null) 
HyperLink3.NavigateUrl = "Index.aspx?page= ”+ Convert.TbString(curpage + 1); 
else 
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HyperLink3. NavigateUrl = " Index. aspx? spflbh =" + Request. QueryString 
["spflbh"].ToString() + "&page-" + Convert.ToString(curpage + 1); 
} 


DataList1. DataSource = page; 
DataListl.DataBind(); 


public void BindSPCount() 
{ 
DataTable tmpda = new DataTable(); 
if (Request.QueryString["spflbh"] == null) 


{ 
// 显 示 全 部 的 商品 信息 
tmpda = DataBase.Get Table("select * from spxx"); 
Label3.Text = "全 部 商品 "; 

) 

else 

{ 


tmpda = DataBase. Get_Table("select * from spflxx where spflbh = ”+ Request. 
QueryString["spflbh"]. ToString()); 
Label3.Text = tmpda.Rows[0]["spflmc"]. ToString(); 


// 显 示 指 定 类 型 的 商品 信息 
tmpda = DataBase. Get_Table(" select * from spxx where spflbh =" + Request. 
QueryString["spflbh"]. ToString()); 
) 


int count = tmpda. Rows. Count; 
Label5.Text = "共有 商品 ”+ count.ToString() + "ff"; 


if (count % 8 != 0) 
Label6.Text = "jË" + Convert.ToString(count / 8 + 1) +" 





else 
Label6.Text = "Jt" + Convert.ToString(count / 8) + "Ji"; 


public string GetText(string strText, int intLen) 
{ 
// 如 果 参 数 大 于 指定 的 长 度 , 则 省 略 显示 
byte[] bstr = System.Text.Encoding.GetEncoding("GB2312").GetBytes(strText.ToCharArray()); 


if (bstr.Length» - intLen) 

return System. Text. Encoding. Default.GetString(bstr, 0, intLen) * "..."; 
else 

return System. Text. Encoding. Default. GetString(bstr); 
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public string GetPicPath(string picname) 
t 


return "image/" + picname; 


} 


(2) 注册 页 面 。 
在 首页 上 单 击 “ 注 册 ” 按 钮 ,显示 如 图 8. 2 所 示 。 
登录 信息 
请 先 检测 您 的 用 户 名 是 否 已 经 有 人 占用 
账户 名 . -12 个 数字 或 字 图 或 “-”、"“_” 
B 4-- 16 个 字母 、 孝 字 或 符 呈 组成， 建议 使 用 
sa: [ | SS r y 
SERENA. . REA —B ERDRREB- 
个 人 信息 


请 如 实 填 写 ， 中 文 文字 之 间 请 不 要 使 用 空 





















































NH: . M 
E-mail: * 邮箱 用 于 接收 交易 通知 ， 找 回 密码 ， 请 如 实 
填写 。 
ESA: . 请 如 实 博 写 您 的 证 件 号 码 。 
初始 预付 全 : . 系统 根据 预付 全 设置 会员 等 级 = 
(a) 
选 填 信息 
Xa [ | 
XGA: 个 人 信息 仅 用 于 帮助 我 们 核对 用 户 身份 ， 帮 
性 别 : [Sv ie 防止 他 人 冒 用 您 的 名 
出 生日 期 : 
{yyyy mdd) 
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(b) 


图 8.2 注册 页 面 
注册 页 面 (UserReg. aspx. cn) 脚 本 代码 如 下 。 


using System; 
using System. Data; 
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using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 


public partial class UserReg : System. Web. UI. Page 


t 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
// 显 示 当 前 的 会 员 信息 
if (Session["UserID"] != null) 
{ 


DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select * from hyxx where hydlm = '" + Session 
["UserID'].ToString() + "'"); 

if (tmpda. Rows. Count » 0) 

{ 
this.TextBoxl. Text = tmpda.Rows[0]["hydlm"].ToString(); 
this.TextBoxl.Attributes["ReadOnly"] = "true"; 
this. Textbox2. Text = tmpda.Rows[0]["xn"]. ToString(); 
this. TextBox3. Text = tmpda.Rows[0]["dz"]. ToString(); 
this. TextBox4. Text = tmpda.Rows[0]["dh"]. ToString(); 
this.Textbox5.Attributes["value"] = " «x "; 
this.Textbox6.Attributes["value"] = " «x "; 
this.Textbox7.Text = tmpda.Rows[0]["sr"]. ToString(); 
this.Textbox8.Text = tmpda.Rows[0]["email"].ToString(); 
this.Textbox9.Text = tmpda.Rows[0]["ycj"]. ToString(); 
this.Textbox10.Text = tmpda.Rows[0]["sfzh"]. ToString(); 
this.txtxb.SelectedValue = tmpda.Rows[0]["xb"]. ToString(); 
this.Textbox9.Attributes["ReadOnly"] - "true"; 





) 
protected void Imagebutton2 Click(object sender, ImageClickEventArgs e) 
{ 

// 判 断 信 息 是 否 正确 

if (TextBox1.Text.Trim() == "") 

{ 


Page. ClientScript. RegisterStartupScript (this. GetType( ), "info", "« script» 
alert( ' 会 员 账号 不 能 为 空 ! ) ;</script>"); 
return; 
) 
if (TextBox1.Text.Trim() == "Administrator") 
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Page. ClientScript. RegisterStartupScript (this. GetType( ), "info", "< script > 
alert( ' 账 号 错误 ! ') ;</script >"); 


return; 
if (this.Textbox5.Text.Trim() != this.Textbox6.Text. Trim()) 
$ 


Page. ClientScript. RegisterStartupScript (this. GetType( ), "info", "< script > 
alert( ' 密 码 不 一 致 !') ;«/script»"); 


return; 
} 
if (Session["UserID"] == null) 
{ 


DataTable tmpda = new DataTable(); 
tmpda = DataBase. Get Table(" select * from hyxx where hydlm = '" + this. 
TextBoxl.Text.Trim() + "'"); 
if (tmpda. Rows. Count > 0) 
{ 
Page. Cl ientScript. RegisterStartupScript(this. GetTYpe()，" info"，"< script > 
alert(' 此 账户 已 经 存在 ,请 重新 输入 ! ') ;</script>"); 


return; 


} 

string ycj = "0"; 

if (this. Textbox9. Text. Trim() != "") 
ycj = this. Textbox9. Text. Trin() ; 

string hydj = "普通 会 员 "; 

if (Convert. ToDecimal(ycj) >= 500) 
hydj = "VIP 会 员 "; 

if (Session["UserID"] == null) 





{ 
// 添 加 注册 的 会 员 信息 到 数据 库 中 
DataBase. ExecSql ( " insert into hyxx (hydlm, mm, xb, xm, dz, dh, sr, Email, ycj, ljycj, 
sfzh,hydj) ”+ " values('" + this. TextBoxl. Text. Trim() + "','" + this. 
Textbox5.Text. Trim() + "','" + this.txtxb.SelectedValue + "', " + " '" + 
this.Textbox2.Text. Trim() + "','" + this. TextBox3. Text. Trim() + "'," + 
"o" + this.TextBox4.Text. Trim() + "','" + this. Textbox7. Text. Trim() + 
"S" + "Ó" + this. Textbox8. Text + "'," + ycj + "," + ycj + ",'" + 
Textbox10. Text. Trim() + "', " + hydj + "')"); 
) 
else 
{ 


// 更 新 当前 的 会 员 信 息 

if (this. Textbox5. Text. Trim() != " #x#xxxxx* ") 

{ 
DataBase. ExecSq1( "update hyxx set mm = '" + this.Textbox5.Text.Trim() + 
"UU" + "xm='" + this.Textbox2.Text.Trim() + "'dz- " + 
this. TextBox3. Text. Trim() + "', hydj = '" + hydj + "', " + " dh= 
this.TextBox4.Text.Trim() + "',sr- '" + this.Textbox7.Text.Trim() + 
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"'," + "email = " + this.Textbox8.Text + "'where hydlm= '" + 
Session["UserID"].ToString() + "'"); 
) 


else 

{ 
DataBase. ExecSq1( "update hyxx set " + 
"xm='" + this.Textbox2.Text.Trim() + "',dz- " + 
this.TextBox3.Text.Trim() + "', hydj = '" + hydj + "', "+ 
"dh='" + this.TextBox4.Text.Trim() + "vsr= '" + 
this.Textbox7.Text.Trim() + "'," + 
"email = '" + this.Textbox8.Text + "'where hydlm= '" + 


Session["UserID"].ToString() + "'"); 


) 
Session["UserName"] = this.Textbox2.Text. Trim(); 
Session["PersonType"] = hydj; 
Session["UserID'] = this. TextBoxl.Text.Trim(); 
Page. ClientScript. RegisterStartupScript(this. GetType( ), "info", "< script > alert 
(RIRI)! ') ; window. location. href = 'Index. aspx' ; /script»"); 
} 


) 
注册 后 ,登录 页 面 如 图 8. 3 所 示 。 
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图 8.3 登录 界面 


(3) 商品 详细 信息 。 
在 登录 页 面 中 , 单 击 商 品 下 的 “点 击 查看 ”按钮 ,打开 如 图 8.4 所 示 的 页 面 。 
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图 8.4 商品 详细 信息 
商品 详细 信息 (SPLook. aspx. cs) 脚 本 代码 如 下 所 示 o 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 
using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 
using System. Data. SqlClient; 


public partial class SPLook : System. Web. UI. Page 
t 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
this. BindFLXX() ; 
this. BindSPXX(); 
BindStudent(Convert. ToInt32 (Request. QueryString["spbh"]. ToString())); 
if (Session["UserID"] !- null) 
{ 


Pane12. Visible 
Pane13. Visible 


false; 


true; 
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username. Text = Session["UserName"].ToString(); 
level.Text = Session["PersonType"].ToString(); 


private void BindStudent(int id) 
{ 
string myStr = ConfigurationManager. AppSettings["DBConn"].ToString(); 
using (SqlConnection sqlCnn = new SqlConnection(myStr)) 
{ 
using (SqlDataAdapter da = new SqlDataAdapter("select * from lyb where spid = 
0 
{ 
DataSet ds = new DataSet(); 
da.Fill(ds); 
this.Repeater22.DataSource = ds; 
this. Repeater22. DataBind(); 


) 
protected void ImageButtonl Click(object sender, ImageClickEventArgs e) 
( 

string str 7 Session["yanzhenma"]. ToString(); 


if (txtyzm.Text. Trim() == str) 

{ 
// 判 断 登 录 人 员 的 密码 和 用 户 名 是 不 是 正确 
if (txtusername. Text. Trim().ToLower() == "administrator") 
{ 


DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select * from glyxx where dlm = '" + this. 
txtusername.Text.Trim() + "'andmm- '" + this.txtpassword.Text.Trim() + "'"); 
if (tmpda.Rows.Count <= 0) 
{ 
Response. Write("< script > alert ( ' 用 户 名 或 密码 错误 ') ; window. location. 
href = 'SPLook.aspx?spbh- " + Request.QueryString["spbh"]. ToString() + "';</script>"); 
return; 
) 
else 
{ 
Session["PersonType"] = "EAR"; 
Session["UserName"] = "KREMA"; 


} 
else 
{ 
DataTable tmpda = new DataTable(); 
tmpda - DataBase.Get Table("select * from hyxx where hydlm - '" * this. 
txtusername.Text.Trim() + "'andmm- '" + this.txtpassword.Text.Trim() + "'"); 
if (tmpda.Rows.Count <= 0) 
{ 
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Response. Write("< script>alert(' 用 户 或 密码 错误 ') ;window. location. href 
= 'SPLook. aspx?spbh = " + Request.QueryString["spbh"].ToString() + "';</script>"); 


return; 
) 
else 
{ 
Session["UserName"] = tmpda.Rows[0]["xm"].ToString(); 
Session["PersonType"] = tmpda.Rows[0]["hydj"].ToString(); 
} 
} 
// 保 存 用 户 名 到 公用 Session 


Session["UserID"] = this.txtusername. Text. Trim(); 


Response. Redirect("SPLook.aspx?spbh- " + Request. QueryString[ "spbh" ]. ToString()); 
) 
else 
{ 
Response. Write("< script alert( ' 验 证 码 错 误 ! ') ;window. location. href = 'SPLook. 
aspx?spbh=" + Request.QueryString["spbh"].ToString() + "';</script >"); 
} 
) 
protected void Imagebutton4_Click(object sender, ImageClickEventArgs e) 
( 
Session. Remove("UserID"); 
Session. Renove( "UserName" ) ; 
Session. Remove("PersonType") ; 
Response. Redirect(" index. aspx") ; 


) 
public void BindFLXX() 
t 
DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select * from spflxx"); 
DataList4.DataSource = tmpda; 
DataList4.DataBind(); 
) 


public void BindSPXX() 
( 
DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select spxx. * , spflxx. spflmc from spxx, spflxx where 
Spxx. spflbh = spflxx.spflbh and spbh = " + Request. QueryString["spbh"]. ToString()); 
if (tmpda.Rows.Count > 0) 
{ 
DataRow dr = tmpda.Rows[0]; 
Labell.Text = dr["spflmc"].ToString(); 
Imagel.ImageUrl = "image/" + dr["sptpwjm"].ToString(); 
Label3.Text = dr["spmc"].ToString(); 
Label4.Text = dr["sccj"].ToString(); 
Label6.Text - dr["spjg"].ToString(); 
Label7.Text = dr["spjs"].ToString().Replace("MrAn", "«br»"); 
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protected void ImageButton3 Click(object sender, ImageClickEventArgs e) 
{ 
if (Session["UserID"] == null) 
{ 
Response. Write("< script > alert( ' 请 先 登录 ! ') ; window. location. href = 'SPLook. 
aspx?spbh = "” + Request.QueryString["spbh"].ToString() + "';</script>"); 
return; 


// 判 断 购物 车 中 是 否 有 此 商品 ,有 的 话 ,更 新 数量 , 没有 的 话 , 添加 一 条 新 的 记录 

DataTable tmpda = new DataTable(); 

tmpda = DataBase. Get_Table ("select * from gwcxx where hydlm = '" + Session["UserId"]. 
ToString() + "'and spbh=" + Request.QueryString["spbh"].ToString()); 

if (tmpda. Rows. Count > 0) 


t 
DataBase. ExecSql ("update gwcxx set sl = sl +" + this. TextBox4. Text. Trim() + 
" where hydlm= '" + Session["UserId"]. ToString() + "'and spbh =" + Request. QueryString 
["spbh"].ToString()); 
) 
else 
í 


DataBase. ExecSql ( " insert into gwcxx (hydlm, spbh, sl) values ( '" + Session 
["UserId"].ToString() + "'," + Request. QueryString[" spbh"]. ToString() + "," + this. 
TextBox4.Text.Trim() + ")"); 

) 


Response. Redirect("GwcList.aspx"); 
) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
if (Session["UserID"] == null) 
( 
Page. ClientScript. RegisterStartupScript(this. GetType(), "alert", "< script > 
alert( ' 请 先 登录 ! ') ;</script >"); 
} 
else 
( 
if(ExcuteNoQuery(" insert into lyb(userid, neirong, time key,spid) values('" * 
Session["UserID"] + "','" + TextBox5. Text + "', '" + DateTime. Now + "', '" + Convert. ToInt32 
(Request. QueryString["spbh"]. ToString()) + "')")» 0) 
{ 
Page. ClientScript. RegisterStartupScript(this.GetType(), "alert", "< script > 
alert( ' 留 言 成 功 ! ') ;</script>"); 
BindStudent (Convert. ToInt32(Request. QueryString[ "spbh" ]. ToString())); 


} 
public static int ExcuteNoQuery(string sql) 
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string myStr = ConfigurationManager. AppSettings["DBConn"].ToString(); 
int result = 0; 

SqlConnection con = new SqlConnection(myStr); 

SqlCommand cmd = new SqlCommand(sql, con); 

con. Open( ); 


return result = cmd. ExecuteNonQuery(); 


} 


(4) 购物 车 。 
单 击 “ 放 入 购物 车 ”按钮 ,打开 如 图 8.5 所 示 的 页 面 。 
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图 8.5 购物 车 信息 
购物 车 (GwcList. aspx. cs) 脚 本 代码 如 下 所 示 。 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 


public partial class GwcList : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
if (Session["UserID"] == null) 
{ 
Response. Write("< script>alert( ' 请 先 登 录 ! ') ;window. location. href = 'Index. 
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aspx';</script >"); 
) 
else 
{ 
BindGWCXX(); 


private void BindGWCXX() 
t 
// 将 购物 车 的 当前 人 员 的 数据 显示 在 当前 列表 中 
DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select * from gwcxx, spxx where gwcxx. spbh = spxx. spbh 
and gwcxx.hydlm- '" + Session["UserID"].ToString() + "'"); 
if (tmpda. Rows. Count < 1) 
tmpda. Rows. Add( tmpda. NewRow() ) ; 
this.GridViewl.DataSource = tmpda; 
this. GridViewl.DataBind(); 
// 从 数据 库 中 计算 出 购物 车 中 当前 人 员 的 总 数量 和 总 金额 
tmpda = DataBase.Get Table("select sum(gwcxx. sl), sum(gwcxx. sl * spxx.spjg) from 
gwcxx, spxx where gwcxx. spbh = spxx. spbh and gwcxx. hydlm= '" + Session["UserID"].ToString() + 
"ns 
if (tmpda. Rows. Count > 0) 
{ 


this. Label2. Text 
this. Labell. Text 


tmpda. Rows[0][0]. ToString(); 
tmpda. Rows[0][1]. ToString(); 


protected void GridViewl RowCommand(object sender, GridViewCommandEventArgs e) 
( 
// 删 除 购 物 车 里 的 当前 商品 
string Key = this. GridView1. DataKeys[ Convert. ToInt32 (e. CommandRrgument) ]. Value. 
ToString(); 
if (e.CommandName == "Del") 
{ 
DataBase. ExecSq1( "delete from gwcxx where gwcbh=" + Key + ""); 
BindGWCXX(); 
) 
if (e.CommandName == "UserUpdate") 


{ 
Response. Write(e. CommandArgument. ToString()); 
) 
) 
protected void ImageButtonl Click(object sender, ImageClickEventhrgs e) 
t 
if (this.Label2.Text == "" || this.Label2.Text == "&nbsp;") 


return; 
Response. Redirect("DDList.aspx"); 
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protected void ImageButton2 Click(object sender, ImageClickEventArgs e) 
t 

Response. Redirect("Index. aspx"); 
) 
protected void GridViewl RowDataBound(object sender, GridViewRowEventArgs e) 
{ 

if (e.Row.RowType == DataControlRowType.DataRow) 

{ 

if (e.Row.Cells[1].Text == "" || e.Row.Cells[1].Text == "&nbsp;") 
e. Row. Ce11s[ this. GridView1. Columns. Count - 1].Visible = false; 


) 


(5) 购买 商品 。 
在 “购物 车 ”中 , 单 击 “购买 商品 ”按钮 ,打开 如 图 8. 6 所 示 的 页 面 。 
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图 8.6 订单 信息 


购买 商品 (DDList. aspx. cs) 脚 本 代码 如 下 所 示 。 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls.WebParts; 
using System. Web. UI. HtmlControls; 


public partial class DDList : System. Web. UI. Page 
{ 
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protected void Page Load(object sender, EventArgs e) 
{ 
// 在 此 处 放置 用 户 代码 以 初始 化 页 面 
if (!Page. IsPostBack) 
{ 
DataTable tmpda = new DataTable(); 
tmpda = DataBase.Get Table("select * from gwcxx, spxx where gwcxx. spbh = spxx. 
spbh and gwcxx. hydlm = '" + Session["UserID"].ToString() + "'"); 
this.GridViewl.DataSource - tmpda; 
this.GridViewl.DataBind(); 
this.GridViewl.Columns[1].Visible = false; 
tmpda = DataBase.Get Table("select * from hyxx where hydlm = '" + Session[" 
UserID"].ToString() + "'"); 
if (tmpda.Rows.Count > 0) 
{ 
this.TextBox5.Text = tmpda.Rows[0]["1jycj"]. ToString(); 
) 


// 从 数据 库 中 计算 出 购物 车 中 当前 人 员 的 总 数量 和 总 金额 
tmpda = DataBase. Get_Table(" select sum(gwcxx. sl), sum(gwcxx. sl * spxx. spjg) 


from gwcxx, spxx where gwcxx. spbh = spxx. spbh and gwcxx. hydlm = '" + Session["UserID"]. ToString() + 
s 


if (tmpda. Rows. Count > 0) 


{ 
this. TextBox3. Text = tmpda.Rows[0][0]. ToString(); 
this. TextBox4. Text = tmpda.Rows[0][1]. ToString(); 
} 
// 初 始 化 显示 控件 内 容 


this.TextBoxl.Text = Guid.NewGuid().ToString(); 
this. TextBox2. Text = Session["UserID"].ToString(); 
this.TextBox6.Text = DateTime. Now. Date. ToShortDateString( ); 
this. LinkButton2. Attributes. Add( "onclick", "return confirm( ' 订 单 生成 以 后 只 能 
等 待 确认 , 您 不 能 再 继续 操作 ,是 否 确 认 生 成 订单 ?');"); 
} 


) 
protected void LinkButtonl Click(object sender, EventArgs e) 


( 
Response. Redirect("GwcList.aspx"); 
) 
protected void LinkButton2 Click(object sender, EventArgs e) 
{ 
if (Convert. ToDecimal(this. TextBox4. Text) > Convert. ToDecimal(this. TextBox5.Text)) 
{ 
Page. ClientScript. RegisterStartupScript (this. GetType( ), "info", "« script» 
alert( ' 你 的 预付 金 不 足 , 请 充值 ! ) ;</script >"); 


return; 


if (this.GridViewl.Rows. Count > 0) 


{ 
// 循 环保 存 购物 车 中 的 记录 到 订单 明细 表 中 
for (int i = 0; i«this.GridViewl.Rows.Count; i++) 


{ 
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string aa = " insert into hyddmx (ddbh, spbh, sl, je) values( '" + this. 
TextBoxl.Text + "'," + Convert. ToInt32 (this. GridViewl. Rows[i].Cells[1]. Text) + "," + 
Convert. ToDecimal(this. GridViewl. Rows[i].Cells[4]. Text) + "," + Convert. ToDecimal(this. 
GridViewl.Rows[i]. Cells[3]. Text) * Convert. ToDecimal(this. GridViewl. Rows[ i]. Cells[4]. 
Text) + ")"; 
DataBase. ExecSql(" insert into hyddmx(ddbh, spbh, sl, je) values('" + this. 
TextBoxl.Text + "'," + Convert. ToInt32(this. GridViewl. Rows[i]. Cells[1]. Text) + "," + 
Convert. ToDecimal (this. GridViewl. Rows[i].Cells[4]. Text) + "," + Convert. ToDecimal(this. 
GridViewl.Rows[i]. Cells[3]. Text) * Convert. ToDecimal (this. GridViewl. Rows[ i]. Cells[4]. 
Text) + ")"); 
) 
// 保 存 订单 主 表 信 息 
DataBase. ExecSql(" insert into hyddhz(ddbh, hydlm, zs1, zje, ddrq) values(" + this. 
TextBoxl.Text + "','" + Session["UserID"]. ToString() + "'," + Convert. ToDecimal(this. 
TextBox3.Text) + "," + Convert.ToDecimal(this.TextBox4.Text) + ",'" + this. TextBox6. Text 
+ "9"; 





// 删 除 购 物 车 记录 

DataBase. ExecSql ( " delete from gwcxx where hydlm = '" + Session[ "UserID"]. 
ToString() + "'"); 

Response. Redirect(" Index. aspx"); 


1 


(6) 生成 订单 。 
单 击 “ 生 成 订单 ”按钮 ,打开 如 图 8.7 所 示 的 对 话 框 , 单 击 “ 确 定 ” 按 钮 ,返回 网 站 首页 。 
在 首页 菜单 栏 中 , 单 击 “ 我 的 订单 ”按钮 ,显示 “生成 订单 ”信息 ,如 图 8.8 所 示 。 


来 自 网 页 的 消息 一 
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图 8.7 订单 生成 提示 
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图 8.8 订单 生成 效果 
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2. 后 台 管 理 主要 页 面 


(1) 登录 页 面 。 
打开 登录 页 面 ,如 图 8.9 所 示 . 输 入 用 户 名 、 登 录 密 码 和 验证 码 , 单 击 “ 登 录 ” 按 钮 ,打开 
如 图 8.10 所 示 的 页 面 。 
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图 8.9 登录 页 面 
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8.10 后 台 主页 
登录 页 面 (login. aspx. cn) 脚 本 代码 如 下 。 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI.HtmlControls; 


public partial class Admin login : System. Web. UI. Page 

{ 
protected void Page Load(object sender, EventArgs e) 
t 
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) 
protected void ImageButtonl Click(object sender, ImageClickEventArgs e) 
t 

string str = Request. Cookies[ " yanzhenma" ]. Value. ToString(); 

if (txtyzm.Text.Trim() == str) 

{ 


// 判 断 登 录 人 员 的 密码 和 用 户 名 是 不 是 正确 

DataTable tmpda = new DataTable(); 

tmpda = DataBase. Get Table(" select * from glyxx where dlm = '" + this. 
txtusername. Text. Trim() + "'andmm- '" + this.txtpassword.Text.Trim() + "'"); 

if (tmpda.Rows.Count «- 0) 

{ 

Response. Write("< script > alert(' 用 户 名 或 密码 错误 ');window. location. href = 

"login.aspx';«/script»"); 


return; 
) 
else 
t 
Session["PersonType"] = "FHR"; 
Session["UserName"] = "系统 管理 员 "; 
} 
// 保 存 用 户 名 到 公用 Session 


Session["UserID"] = this.txtusername. Text. Trim(); 


Response. Redirect("AdminMain. aspx"); 
) 


else 


{ 
Response. Write("< script» alert( ' 验 证 码 错误 !!! ') ; window. location. href = "login. 
aspx';«/script»"); 


) 


) 
protected void ImageButton2 Click(object sender, ImageClickEventArgs e) 
{ 

Response. Redirect("../Index.aspx"); 


后 台 主 页 (AdminMain. aspx) 脚 本 代码 如 下 。 


<% @ Page Language = "C#" AutoEventWireup = "true" CodeFile = "RdminMain. aspx. cs" Inherits 
= "Admin_AdminMain" %> 


< html xmlns = "http://www. w3. org/1999/xhtm1"> 
< head runat = "server"> 
<title> 后 台 管 理 系统 </title> 
</head> 
< frameset id = "framel" cols = "160px, * "> 
< frame src = "AdminLeft.aspx" noresize scrolling = "no" frameborder = "0"> 
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< frame name = "rightl" src = "Admindier. aspx" noresize scrolling = "auto" frameborder = "0"> 
</frameset > 
</html> 


后 台 主 页 (AdminMain. aspx. cs) 脚 本 代码 如 下 。 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 


public partial class Admin AdminMain : System. Web. UI. Page 


{ 
protected void Page Load(object sender, EventArgs e) 


{ 
) 
) 
(2) 会 员 维护 。 
在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “会 员 维护 ”按钮 ,显示 如 图 8. 11 所 示 的 信息 , 单 击 
“修改 ”按钮 ,显示 如 图 8. 12 所 示 , 可 对 会 员 进 行 信息 修改 ; 单 击 * 删 除 ? 按 钮 ,将 删除 相应 的 
会 员 信 息 , 如 图 8. 13 所 示 。 


@ http: /ñocalhost49194/ASPNET/AdmiA/AdminMain.aspx P- o| essw=mss x xoa | 

















aa | 性 别 地 址 | ms i [amene] sms anen miie LX 
ESIL 


1212 24 1988-02-03 11@sina com 600.00 120102198803111117 YIP 会 员 500.00 












2 B no 123899 con 100000 350s21198306283099 HSM 90.00 [E | GR | 
fanjiajia 321321 B 791811212849 cce 3000000 — 852741852965412587 VIP&M 30000.00 [EE | WE ] 
om L 1000 1201313646316446 MAAM 900.00 [E | Wiz ] 
RZ B RAR 022-64478947 1989-2-3 zolachs eee 0500.00 120102201215465 — VIP 会 员 1020.00 [ER J HÚ | 





E 地 四 A EPOP 022-97976444 199072746 le 




















订单 管理 
订单 审 楼 


图 8.11 会 员 维护 信息 


(3) 会 员 充 值 。 

在 后 台 主页 左 侧 的 功能 菜单 中 , 单 击 “ 会 员 充值 ”按钮 ,显示 如 图 8. 14 所 示 的 信息 ,可 对 
会 员 进 行 充值 。 

(4) 商品 分 类 维护 。 

在 后 台 主页 左 侧 的 功能 菜单 中 , 单 击 “ 商 品 分 类 维护 ”按钮 ,显示 如 图 8. 15 所 示 , 可 添加 
商品 分 类 名 称 。 
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图 8.12 会 员 信息 修改 


| 


















B| 姓名 | 性 别 地 址 电话 +A Pmil Vienna 身份 号 


n 2 B m 224 1989-02-03 ilésina.cce 600.00 — 120102198803111117 VIPÉA 500.00 



















= s» BÀ 110 Iq. com 1000.00 — 350521198300283099 普通 会 员 900.00 3e WE 
fesjiajin 321321 B Tanatlatztqs cce 30000 00 852741852965412587 VP 会 员 30000.00 [AA] EE] 
z 3kZ B RTR 022-64476947 1989-2-3 zsësohu com 500.00 120102201215465 — VIP&A 1020.00 [E WE] 











商品 管理 
商品 分 类 维护 
商品 信息 维护 
留言 管理 





图 8.13 删除 会 员 李 四 















































图 8.14 会 员 充值 
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图 8.15 添加 商品 分 类 名 称 


(5) 商品 信息 维护 。 

在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 * 商 品 信息 维护 ?按钮 ,显示 如 图 8. 16 所 示 的 信息 。 
单 击 “ 修 改 ” 按 钮 ,显示 如 图 8. 17 所 示 ,可 对 商品 信息 进行 修改 ; 单 击 * 删 除 ? 按 钮 ,将 删除 相 
应 的 商品 ,如 图 8. 18 所 示 。 
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图 8.16 商品 信息 


(6) 留言 管理 。 

在 后 台 主页 左 侧 的 功能 菜单 中 , 单 击 “留言 管理 ”按钮 ,显示 会 员 购 买 商品 的 留言 信息 ， 
如 图 8. 19 所 示 。 

(7) 订单 审核 。 

在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “订单 审核 ?按钮 ,显示 如 图 8. 20 所 示 的 信息 。 单 
击 “ 查 看 订单 ”按钮 ,显示 如 图 8. 21 所 示 的 信息 ; 单 击 * 确 认 订单 ?按钮 ,显示 如 图 8. 22 所 示 
的 信息 ,此 时 的 会 员 账 号 1234 的 确定 订单 状态 已 变 成 “同意 预定 ”。 会 员 账 号 1234 的 订单 
信息 显示 如 图 8. 23 所 示 。 
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图 8.19 会 员 留言 信息 
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8.20 订单 审核 信息 
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图 8.22 后 台 订 单 处 理 信息 


项 目 八 ”电子 商务 网 站 建设 综合 实例 s) 











会 员 帐号 p aim 订单 日 期 确定 订单 操作 























1234 H ho [2018/2/23 0:00:00 BEN 查看 订单 





























图 8.23 会 员 账号 1234 的 订单 


3. 数据 表 


(1) 管理 员 信息 表 glyxx 如 图 8. 24 所 示 。 








5XGINJMENR7CDP53...oping - dbo.glyxx| 
列 名 _ BRAE 。 “人 允许 Nul 值 
varchar(so) m 


mm char(10) 


4 
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B WE 





图 8.24 管理 员 信息 表 


(2) 购物 车 信息 表 gwcxx 如 图 8. 25 所 示 。 














5XGINJMENR7CDP3...oping - dbo.gwcxx | 号 x 
列 名 数据 类 型 feit nul ff 
»? int E 
hydm varchar(50) [v 
spbh nt vj 
si int r1 











图 8.25 购物 车 信息 表 


(3) 会 员 订 单 汇 总 信息 表 hyddhz 如 图 8. 26 所 示 。 
































||." SXGINJMENR7CDP3...ing - dbo.hyddhz| sx 
| 列 名 数据 类 型 — 允许 Mul 值 
2 mu uniqueidentifier [ 
hydim varchar(50) v 
zsi int Vi 
zje float 园 
ddrq datetime v] 
qddd varchar(s0) yi 
一 


























图 8. 26 会 员 订 单 汇总 信息 表 
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OD 会 员 订 单 明 细 信 息 表 hyddmx 如 图 8. 27 所 示 。 






















































































































































































|. SXGINJMENR7CDP3...ing - dbo.hyddmx | =x 
列 名 数据 类 型 允许 Nul 值 
»? uniqueidentifier 
@ spbh int 回 
si int 
je float 
图 8.27 会 员 订单 明细 信息 表 
O 会 员 信息 表 hyxx 如 图 8.28 所 示 。 
~ SXGINJMENR7CDP3...oping - dbo.hyxx| s x 
列 名 数据 类 型 允许 Nul 值 
» varchar(50) 加 
mm varchar(50) 
xm varchar(50) 
地 varchar(50) (V. 
dz varchar(50) 
dh varchar(S0) 
sr varchar(50) r1 
email varchar(50) 
vj decimal(18, 2) 加 
sfzh varchar(50) 
hydj varchar(50) [vi 
yg decimal(18, 2) [Vi 
m 
图 8.28 会 员 信息 表 
(6) 商品 分 类 信息 表 spflxx 如 图 8. 29 所 示 。 
5XGINJMENR7CDP3.E..ping - dbo.spflxx | -X 
列 名 数据 类 型 允许 Nul 值 
»? SE int 回 [ 
spfimc varchar(50) a 
= E 
图 8.29 商品 分 类 信息 表 
(7) 商品 信息 表 spxx 如 图 8.30 所 示 。 
5XGINJMENR7CDP3...oping - dbo.spxx | -X 
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数据 类 型 允许 Nul 值 





LD | int 器 
spmc varchar(50) Ë 
sptpwjm varchar (500) v 
spjs varchar(2000) 加 
sccj varchar (100) [vi 
spfbh int v 
spia decmal(18, 2) [V 
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二 、 知 识 学 习 
1. 网 站 需求 定位 与 功能 模块 划分 


1) 需求 分 析 

在 网 站 开发 之 前 所 做 的 设计 方案 往往 会 对 网 站 的 最 终 效果 产生 巨大 的 影响 ,许多 问题 
在 开发 前 应 该 进行 深入 的 调查 和 讨论 。 例 如 ,这 个 网 站 面向 的 用 户 是 谁 ? 用 户 所 需要 的 主 
要 功能 有 哪些 ? 日 常 处 理 的 数据 量 有 多 大 ? 

首先 ,为 商场 在 线 购物 网 站 做 一 个 简单 的 需求 分 析 。 

在 线 购物 网 站 的 核心 功能 是 提供 商品 的 在 线 零售 业务 。 对 于 用 户 来 说 ,最 基本 的 需求 
是 可 以 方便 地 在 线 浏览 提供 的 各 种 商品 ,也 可 以 在 线 订 购 所 需要 的 商品 。 而 管理 员 的 基本 
需求 是 可 以 维护 客户 注册 信息 、 维 护 商品 信息 、 处 理 商 品 订单 信息 和 网 上 销售 等 。 

2) 功能 模块 划分 

根据 以 上 的 简单 需求 分 析 , 确 定 网 站 的 功能 如 下 。 

功能 一 : 用 户 浏览 商品 信息 ,查看 商品 详细 信息 。 还 可 以 进行 用 户 注册 ,需要 填写 账户 
名 、 登 录 密 码 、 登 录 密 码 确 认 、 真 实 姓名 、E-mail\ 证 件 号 码 、 初 始 预 付 金 、 联 系 电话 、 家 庭 住 
址 、 性 别 、 出 生日 期 等 用 户 信 息 。 

功能 二 : 用 户 登录 功能 。 使 用 已 注册 的 账户 名 和 密码 进行 登录 ,经 过 系统 验证 正确 进 
入 后 , 即 可 进入 下 一 步 操作 。 

功能 三 : 将 商品 进行 分 类 ,用 户 可 以 根据 商品 类 型 浏览 商品 。 

功能 四 : 购物 车 功能 。 用 户 在 浏览 商品 的 过 程 中 ,如 果 选 中 某 一 款 商 品 , 就 可 以 随时 将 
它 添加 到 自己 的 购物 车 中 。 在 购物 车 中 ,还 可 以 修改 商品 数量 和 删除 商品 ,并 且 能 计算 出 用 
户 购买 商品 的 实际 价格 ,让 用 户 明白 自己 的 消费 情况 。 

功能 五 : 结账 功能 。 当 用 户 将 挑选 好 的 商品 放 入 到 购物 车 ,并 决定 要 购买 这 些 商 品 时 ， 
可 以 进行 结账 ,生成 订单 及 订单 编号 ,此 时 必须 判断 当前 用 户 是 否 登录 ,如 果 未 登录 ,要 提示 
先 登 录 。 

功能 六 : 网 站 管理 员 对 商品 进行 管理 功能 。 该 功能 包括 添加 商品 的 分 类 、 添 加 商品 、 修 
改 商 品 \ 删 除 商品 和 留言 信息 查看 等 。 

功能 七 : 网 站 管理 员 对 注册 用 户 进行 管理 功能 。 该 功能 是 指 管理 员 可 以 维护 用 户 注册 
信息 .商品 购买 信息 .用 户 预付 金 充 值 , 同 时 ,还 可 以 将 一 些 使 用 不 规范 的 用 户 或 者 长 时 间 不 
用 的 用 户 进行 删除 。 

功能 八 : 网 站 管理 员 对 用 户 订 单 进行 管理 功能 。 该 功能 可 以 对 用 户 的 订单 进行 审核 ， 
同时 可 以 查看 用 户 的 注册 信息 和 商品 订单 信息 。 

3) 网 站 总 体 框架 

从 网 站 建设 的 结构 来 看 ,可 将 上 面 的 功能 分 为 两 大 部 分 : 一 是 面向 用 户 的 前 台 功 能 ; 
二 是 面向 管理 员 的 后 台 功 能 。 商 场 在 线 购物 网 站 总 体 框架 如 图 8. 31 所 示 。 
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图 8.31 商场 在 线 购 物 网 站 总 体 框 架 
2. 数据 库 设 计 
数据 库 是 整个 网 站 的 基础 ,本 节 在 前 面 需求 分 析 和 功能 模块 划分 的 基础 上 ,进行 数据 分 
析 , 从 而 设计 了 本 网 站 的 数据 库 模 型 。 


数据 库 EmporiumShoping 包括 以 下 7 个 表 : 管理 员 信 息 表 glyxx、 购 物 车 信息 表 
gwcxx, 会 员 订 单 汇总 信息 表 hyddhz、 会 员 订单 明细 信息 表 hyddmx、 会 员 信息 表 hyxx、 商 品 
分 类 信息 表 spflxx、 商 品 信息 表 spxx。 各 表 结构 如 表 8. 1 一 表 8. 7 所 示 。 

表 8.1 管理 员 信息 表 glyxx 





序号 字段 名 字段 说 明 标识 主键 类 型 KE ”小 数位 数 ”允许 空 
1 dlm 登录 名 Í varchar 50 0 
2 mm 密码 char 10 0 ÍV 


R82 购物 车 信息 表 gwcxx 





序号 字段 名 字段 说 明 标识 主键 类 型 KE ”小 数位 数 ”允许 空 
1 gwcbh 购物 车 编号 v v int 10 0 
2 hydlm 会 员 账 号 varchar 50 0 ÍV 
3 spbh 商品 编号 int 10 0 ~ 
4 sl 数量 int 10 0 Í 


表 8.3 会 员 订单 汇总 信息 表 hyddhz 





序号 字段 名 FEAH 标识 主键 类 型 KE ”小 数位 数 ”允许 空 
4 ddbh 订单 编号 Í uniqueidentifier 16 0 
z hydlm 会 员 登 录 名 varchar 50 0 ÍV 
3 zsl 总 数量 int 10 0 Í 
4 zje 总 金额 float 53 0 ~ 
6 ddrq 订单 日 期 datetime 23 3 Í 
7 qddd 确定 订单 varchar 50 0 ÍV 
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表 8.4 会 员 订 单 明 细 信 息 表 hyddmx 














序号 字段 名 ”字段 说 明 标识 主键 类 型 KE “小 数位 数 ”允许 空 
1 ddbh 订单 编号 V uniqueidentifier 16 0 
2 spbh 商品 编号 J int 10 0 
3 sl 数量 int 10 0 ~ 
4 je 金额 float 53 0 ~ 
表 8.5 会 员 信息 表 hyxx 
序号 FBA 字段 说 明 标识 主键 类 型 KE ”小 数位 数 fer 
1 hydlm 会 员 登 录 名 varchar 50 0 a 
2 mm 密码 varchar 50 0 "i 
3 xm 姓名 varchar 50 0 NA 
4 xb 性 别 varchar 50 0 ÍV 
5 dz 地 址 varchar 50 0 vV 
6 dh 电话 varchar 50 0 ~ 
7 sr 生日 varchar 50 0 ÍV 
8 email E-mail varchar 50 0 ÍV 
9 ycj 初始 预付 金 decimal 18 0 J 
10 sfzh 身份 证 号 varchar 50 0 ~ 
1 ljycj 累计 预付 金 decimal 18 0 V 
12 hydj 会 员 等 级 varchar 50 0 Í 
表 8.6 商品 分 类 信息 表 spflxx 
序号 字段 名 字段 说 明 标识 主键 类 型 KE ”小 数位 数 ” 允许 空 
1 spflbh 商品 分 类 编号 V NA int 10 0 
2 spflmc 商品 分 类 名 称 varchar 50 0 Í 
R87 商品 信息 表 spx 
序号 字段 名 字段 说 明 标识 主键 类 型 KE “小 数位 数 NFE 
t spbh 商品 编号 NA Í int 10 0 
2 spmc 商品 名 称 varchar 50 0 ~ 
3 sptpwjm 商品 图 片 文 件 名 varchar 500 0 Í 
4 spjs 商品 介绍 varchar 2000 0 ~ 
5 spflbh 商品 分 类 编号 int 10 0 ~ 
6 spjg 商品 价格 float 53 0 Í 
7 sccj 生产 厂家 varchar 2000 0 ~ 


说 明 : 本 网 站 的 各 页 面 详细 代码 及 数据 库 内 容 , 详 见 附 带 的 网 站 文件 。 
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(E82 网 上 图 书 销售 系统 


一 、 任 务实 现 

1. 前 台 主 要 功能 页 面 

(1) 首页 。 

打开 首页 default. aspx, 效 果 如 图 8. 32 所 示 。 


[请 登录 ] [免费 注册 ] [ 找 回 密码 ] | 收藏 本 站 | 设置 主页 
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Copyright (C) 网 上 图 书 请 售 系 统 , Al Rights Reserved 


后 台 入口 





图 8.32 首页 
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首页 (default. aspx. cs) 脚 本 代码 如 下 。 


using System; 
using System. Data; 
using System. Configuration; 
using System. Collections; 
using System. Web; 
using System. Web. Security; 
using System. Web. UI; 
using System. Web. UI. WebControls; 
using System. Web. UI. WebControls.WebParts; 
using System. Web. UI. HtmlControls; 
using System. Data. SqlClient; 
public partial class Default2 : System. Web. UI. Page 
{ 
SqlHelper data = new SqlHelper(); 
protected void Page_Load(object sender, EventArgs e) 
{ 
this.Title = " 网 上 图 书 销售 系统 "; 
if (!IsPostBack) 
{ 
HotBook. DataSource = data.GetDataReader("select top 6 * from BookInfo order by 
BookDate desc "); 
HotBook. DataBind(); 
DataListl.DataSource - data.GetDataReader("select top 6 * from BookInfo order 
by BookClick desc "); 
DataListl.DataBind(); 


) 
protected string CutChar(string strChar, int intLength) 
{ 
// 取 得 自 定义 长 度 的 字符 串 
if (strChar.Length > intLength) 
{ return strChar.Substring(0, intLength); } 
else 
( return strChar; ) 
) 


) 


(2) 注册 页 面 。 
在 首页 上 单 击 “ 免 费 注册 ”按钮 ,显示 如 图 8.33 所 示 。 
免费 注册 页 面 (UserStReg. aspx) 脚 本 代码 如 下 。 


using System; 

using System. Data; 

using System. Configuration; 
using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 
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ges. 
登录 密码 : 
文学 姓名 : 
. use E = 
fe FEH: 
艺术 和 
DIL kaa 
管理 身份 证 号 码 ; 
电话 号 码 : 
金融 RAAR: 
(EEE 
生活 
pe 
E 
** RARE: 
LII 
教育 


图 8.33 免费 注册 页 面 


using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 
public partial class UserStReg : System. Web. UI. Page 
{ 
SqlHelper data = new SqlHelper(); 
protected void Page_Load(object sender, EventArgs e) 


( 
this.Title = " 网 上 图 书 销售 系统 "; 
) 
protected void Buttonl Click(object sender, EventArgs e) 
{ 


data. RunSql(" insert into Users ( emal, UserName, Sex, Age, Ds, pwd, XingMing, Photo, Tel, 
Address,CardNum)values('" + txtemal.Text + "','" + txtname.Text + "','" + DropDownListl. 
SelectedItem. Text + "','" + Age.Text + "','" + txtds.Text + "','" + TextBoxl.Text + "','" 
+ XingMing. Text + "','" + pic.Text + "','" + Tel.Text + "','" + Address. Text + "','" + 
TextBox2. Text + "')"); 

Alert. AlertAndRedirect(" iE JE £3] ! " , "Default. aspx"); 


) 
protected void Button2 Click(object sender, EventArgs e) 
t 
string res; 
upload up = new upload(); 
res = up.Up(filel, "files/"); 
this.Labell.Visible = true; 
this.Labell.Text = up.Resup[Convert. ToInt32(res)]; 
this.pic.Text - up.s; 
Imagel.ImageUrl - "files/" * pic.Text; 
) 
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E 册 后 ,登录 页 面 如 图 8. 34 所 示 。 


* UZS ERES 








我 的 订单 用 户 中 心 注销 | 收藏 本 站 | 设置 主页 
中 【公告 】 新 开张 ， 欢 迎新 老 顾客 

LL 热门 推荐 新 书 推荐 新 闻 中 心 销量 排行 关于 我 们 ”留言 板 — 购物 车 

cc EET u: awama 73 





网 上 图 书 销售 系统 


more >> 








图 8.34 登录 页 面 


(3) 图 书 详细 信息 。 
在 登录 页 面 中 , 单 击 图 书 图 片 或 图 书 名 称 , 打 开 图 书 详细 信息 ,如 图 8. 35 所 示 。 






mzs: 孙子 兵法 
Etan: ES 
到 书 价格 : 280 
=a: 100 
点 击 次 数 : 2 
图 书 介绍 : 
《 孙 于 兵法 》 是 从 战国 时 期 起 : 流传 的 季 事 著作 ， 古 今 中 外 的 军事 家 们 都 使 用 其 中 论述 的 芋 事 理论 来 指导 战争 ， 而 且 ， 其 
中 论述 的 基本 理论 和 思想 还 被 运 代 经 营 决策 和 社会 管理 方面 。 然而， 这 部 著作 者 是 谁 呢 ? 学 术 界 议论 纷 份 ， 一 种 认为 是 





春秋 时 期 齐 国 的 孙武 所 著 。 一 种 认为 症 孙 葵 整 理 而 成 ， 一 种 认为 症 战 国 初 年 茶 位 山林 处 士 编 写 ， 还 有 的 





法 )】 的 作者 被 确认 为 春秋 时 斯 关 国 的 将 王孙 : 
EÉRASAG, SAHE (HTAR) DES. 


H. dBENSSLEEX. (Gk 
EN. EUSEHOSHT. CAKE. 








图 书评 论 


Aux 当 首 第 【1] 屎 首页 上 一 页 下 一 页 RA 











图 8.35 图 书 详细 信息 
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图 书 详细 信息 (ShowBook. aspx. cs) 脚 本 代码 如 下 所 示 。 


using System; 
using System. Data; 
using System. Configuration; 
using System. Collections; 
using System. Web; 
using System. Web. Security; 
using System. Web. UL; 
using System. Web. UI. WebControls; 
using System. Web. UI. WebControls. WebParts; 
using System. Web. UI.HtmlControls; 
using System. I0; 
using System. Data. Sq1C1ient; 
public partial class ShowBook : System. Web. UI. Page 
{ 
SqlHelper data = new SqlHelper(); 
public string sql, dID; 
SqlConnection sqlconn = new SqlConnection ( ConfigurationManager. ConnectionStrings 
["ConnectionString"].ConnectionString); 
protected void Page_Load(object sender, EventArgs e) 
( 
this.Title = " 网 上 图 书 销售 系统 "; 
if (!IsPostBack) 
{ 
BinderReplay(); 


data.RunSql(" update BookInfo set BookClick = BookClick + 1 where BookID =" + 
Request. QueryString["id"]. ToString()); 

string sql = "select * from BookInfo where BookID =" + Request. QueryString 
["id"].ToString(); 

getdata(sql); 


) 

private void getdata(string sql) 

( 
SqlDataReader dr = data.GetDataReader(sql); 
if (dr.Read()) 


{ 
Label2.Text = dr["BookName" ]. ToString( ); 
Label4. Text = dr["BookPrice"].ToString(); 
Label5.Text = dr["BookNun"]. ToString(); 
DIVi.InnerHtml = dr["BookIntroduce"]. ToString(); 
Label6.Text = dr["BookClick"]. ToString(); 
iGPhoto.ImageUrl = "files/" + dr["BookPhoto"]. ToString(); 
Label3.Text - dr["BookTypeName" ]. ToString(); 
Hiddenl.Value = dr["BookTypeID"]. ToString(); 

) 


) 
protected void btnShop Click(object sender, EventArgs e) 
{ 
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string Orderid; 





if (Session[ "UserName"] null) 
{ 
Alert. AlertAndRedirect ("您 还 没有 登录 ,请 登录 后 再 购买 , 谢谢 合作 !"，"Default. 
aspx"); 
) 
else 
{ 


SqlDataReader dr = data.GetDataReader("select top 1 * from tb OrderInfo where 
IsCheckout = ' 否 ' and OrderMember = " + Session["UserName"].ToString() + "'order by id desc "); 
if (dr.Read()) 
t 
Orderid = dr["OrderID"].ToString(); 
) 
else 
{ 
Orderid = DateTime. Now. Day. ToString() + DateTime. Now. Hour. ToString() + 
DateTime. Now. Minute. ToString ( ) + DateTime. Now. Second. ToString ( ) + DateTime. Now. 
Millisecond. ToString(); 
//string sqlOrder = "insert into tb Order (Orderid, Ordeuser, OrderStite, 
//BookId,shuliang)values( '" + Orderid + "','" + Session[ "UserName"]. 
//ToString() + "', AA f&','" + Request. QueryString["id"]. ToString() + 
//"'," + TextBoxl, Text + "')"; 
/ / data. RunSql (sqlOrder); 
sqlconn. Open() ; 
string strid = Page. Request. QueryString["BookID"]; 
string sqlstr = "insert into tb OrderInfo" + " (OrderID, OrderMember, 
OrderStite, BookID, BookName, BookTypeID, BookTypeName, BookPrice, 
IsCheckout, shuliang, BookPhoto)" + " values('" + Orderid + "','" 
+ Session["UserName"].ToString() + "', ' 未 发 货 ?', '" + Request. 
QueryString["id"]. ToString() + "','" + Label2.Text + "','" + 
Hiddenl.Value + "'," + Label3. Text + "'," + Label4.Text + "',' 否 ', 
'" + TextBoxl.Text + "','" + iGPhoto.ImageUrl + "')"; 
data. RunSql(sqlstr); 
Response. Redirect( "Shopping. aspx"); 


] 
protected void Buttonl Click(object sender, EventArgs e) 
( 

SglDataReader dr = data. GetDataReader(" select * from BookSC where Userld = '" + 
Session["UserId"].ToString() + "'and BookId- '" + Request.QueryString["id"]. ToString() + 
"ys 

if (dr.Read()) 

{ 

Labell2.Text = "不 能 重复 收藏 1"; 
return; 

} 

else 


{ 
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data. RunSql( " insert into BookSC(UserId, BookId, BookName)values('" + Session 
["UserId"].ToString() + "','" + Request.QueryString["id"].ToString() + "','" + Label2. Text 
+ "") "); 

Alert. AlertAndRedirect(" lf 3C RI)!" , " MySCList. aspx"); 


) 
private void BinderReplay() 
t 
int id = int.Parse(Request. QueryString[ " id" ]. ToString()); 
string sql = "select * from Comment where BookId- " + id; 
SglConnection con = new SqlConnection(SqlHelper.connstring); 
con. Open() ; 
SglDataAdapter sda = new SqlDataAdapter(sql, con); 
DataSet ds = new DataSet(); 
sda. Fill(ds); 
PagedDataSource objPds = new PagedDataSource(); 
objPds. DataSource = ds.Tables[0].DefaultView; 
objPds.AllowPaging = true; 
objPds.PageSize - 5; 
int CurPage; 
if (Request.QueryString["Page"] != null) 
CurPage = Convert, ToInt32(Request. QueryString[ "Page" ]); 
else 
CurPage = 1; 
objPds.CurrentPageIndex = CurPage - 1; 
lblCurrentPage.Text - CurPage. ToString(); 
lblSumPage. Text = objPds.PageCount. ToString(); 
if (!objPds. IsFirstPage) 
{ 
this. hyfirst. NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + 1 + 
"gid=" + id; 
lnkPrev.NavigateUrl = Request. CurrentExecutionFilePath + "?Page = ”+ Convert. 
ToString(CurPage - 1) + "&id=" + id; 
) 
if (!objPds. IsLastPage) 


{ 
hylastpage. NavigateUrl = Request. CurrentExecutionFilePath + "?Page =" + 
objPds. PageCount + "&id=" + id; 
lnkNext. NavigateUrl = Request. CurrentExecutionFilePath + "? Page =" + 


Convert. ToString(CurPage + 1) + "&id=" + id; 

) 
this.DataList2.DataSource - objPds; 
this.DataList2.DataBind(); 
con. Close( ); 

} 

protected void Button2 Click(object sender, EventArgs e) 

t 
int id = int.Parse(Request. QueryString[" id" ]. ToString()); 
if (Session["UserId"] == null) 
{ 

Alert. AlertAndRedirect(" 您 还 没有 登录 ,不 能 评论 ",，"Default. aspx"); 
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else 


data. RunSql ( " insert into Comment (UserId, UserName, BookId, Titles)values('" + 
Session["UserId"].ToString() + "','" + Session["XingMing"]. ToString() + "','" + id + 
"UV" + TextBox2.Text + "')"); 

BinderReplay(); 
Alert. AlertAndRedirect(" 评 论 成 功 ", "ShowBook.aspx?id- " + id); 


} 


单 击 “ 购 买 ”按钮 ,将 此 图 书 放 入 购物 车 。 购 买 商品 、 生 成 订单 等 操作 流程 请 参照 任务 1 
商场 在 线 购物 网 站 ,在 此 不 再 效 述 。 


2. 后 台 管 理 主要 页 面 


(1) 后 台 登 录 页 面 。 


打开 后 台 登 录 页 面 ,如 图 8. 36 所 示 。 在 其 中 输入 用 户 名 、 登 录 密码 和 验证 码 , 单 击 “ 登 
录 ” 按 钮 ,打开 如 图 8. 37 所 示 的 页 面 。 


” 








基于 ASP.NET 网 上 图 书后 台 管 理 系统 
Í 用 户 名 : t 
SEO — — —— 
wes (— — zs 


图 8.36 后 台 登 录 页 面 











8.37 后 台 主 页 
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后 台 登 录 页 面 (login. aspx. cn) 脚 本 代码 如 下 。 


using System; 

using System. Data; 

using System. Configuration; 

using System. Collections; 

using System. Web; 

using System. Web. Security; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 

using System. Web. UI. HtmlControls; 

public partial class Login : System. Web. UI. Page 

{ 
protected void Page_Load(object sender, EventArgs e) 
{ 

|) 


后 台 主 页 (index. html) 脚 本 代码 如 下 。 


<html> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<title> 网 上 图 书 销售 系统 </title> 
< style type = "text/css"> 
</style> 
</head> 
< frameset rows = "60, * ,30" cols = " * " frameborder = "no" border = "0" framespacing = "0"> 
< frame src = "top. html" name = "topFrame" scrolling = "no"> 
< frameset cols = "180, * " id = "frame" name = "btFrame" frameborder = "NO" border = "0" 
framespacing = "0"> 
< frame src = "menu. aspx" noresize = "noresize" name = "menu" scrolling = "yes"> 
< frameset framespacing = "0" border = "0" rows = "35, * " frameborder = "0" scrolling = 
"yes"> 
< frame src = "top. aspx" noresize = "noresize" name = "top" scrolling 





yes"> 
< frame src = "main. aspx" noresize = "noresize" name = "main" scrolling = "yes"> 
</franeset > 
</frameset > 
< frame src = "foot. aspx" noresize = "noresize" name = "foot" scrolling = "yes"> 
«/frameset > 
«/htnl > 


(2) 账号 管理 。 

在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 * 账 号 管理 按钮 ,显示 如 图 8. 38 所 示 的 信息 。 单 
击 “ 修 改 " 按 钮 ,显示 如 图 8.39 所 示 。 输 入 要 修改 的 管理 员 账号 , 单 击 “修改 "按钮 ,显示 如 
图 8. 40 所 示 。 单 击 * 删 除 ?按钮 , 即 可 删除 此 账号 。 
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图 8.38 账号 管理 


修改 管理 员 账 号 


BRS O O | [$8] 
图 8.39 输入 要 修改 的 账号 


来 自 http://localhost:1143 的 页 面 说 : 


À, m 





图 8.40 修改 账号 


(3) 添加 账号 。 

在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “添加 账号 ?按钮 ,显示 如 图 8. 41 所 示 的 信息 ,输入 
要 添加 的 账号 和 密码 , 单 击 “检测 用 户 ? 按 钮 , 若 输入 的 账号 已 存在 , 则 显示 如 图 8. 42 所 示 ; 
若 检测 的 账号 不 存在 , 单 击 * 保 存 ” 按 钮 ,显示 如 图 8. 43 Bron 。 



































添加 管理 员 
管理 员 账号 : 检测 用 户 
管理 员 密码 
(m) [ Rñ J 
图 8.41 添加 账号 页 面 
来 自 http//localhost:1143 的 页 面 说 : 来 自 http://localhost:1143 的 页 面 说 : 
Á 该 用 户 已 存在 ,请 重新 输入 ! À 添加 成 功 














图 8.42 检测 用 户 存在 提示 信息 图 8.43 添加 账号 


(z 网 站 设计 与 管理 项 目 化 教程 


(4) 修改 密码 。 
在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “ 修 改 密码 ”按钮 ,显示 如 图 8. 44 所 示 的 信息 。 输 
入 要 修改 的 原 密 码 和 新 密码 , 单 击 “修改 密码 ”按钮 ,显示 如 图 8.45 所 示 的 信息 。 


修改 登录 密码 


修改 登录 密码 
RESI 


新 密码 ， 


图 8.45 密码 修改 成 功 


(5) 新 闻 信 息 管 理 。 
在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “新 闻 信 息 管理 ?按钮 ,显示 如 图 8. 46 所 示 的 信息 。 
单 击 “ 修 改 ” 按 钮 ,显示 如 图 8.47 所 示 的 信息 。 


新 闻 信息 内 容 管理 
新 闻 类 别 。 行业 资讯 
标题 类 别 修改 删除 
少 打 个 分 撒旦 法 个 撒 的 行业 资讯 2017/5/11 fem we 





图 8.46 修改 新 闻 信 息 页 面 





来 自 http://localhost:1143 的 页 面 说 : 


ÂA s= 











8.47 信息 修改 成 功 








(6) 新 闻 类 别管 理 。 
在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “新 闻 类 别管 理 ? 按 钮 ,显示 如 图 8. 48 所 示 的 信息 。 
若 要 添加 类 别名 称 , 如 输入 “促销 活动 ”. 单 击 “ 添 加 ”按钮 ,显示 如 图 8.49 所 示 的 信息 。 单 击 


“确定 ”按钮 ,显示 如 图 8.50 所 示 的 信息 。 





E LLL) 
类 别名 称 : | [3 m 
行业 资讯 [1 m 
网 站 公告 Ld "i 
优惠 信息 Ld "i 
8.48 新 闻 类 别 信息 
来 自 httpy//localhost1143 的 页 面 说 : 
A 
图 8.49 类 别名 称 添 加 成 功 提示 
类 别名 称 : [5m 
修改 Lu 
Li m" 
Ld a 
a m" 
促销 活动 er m" 


(7) 图 书信 息 管 理 。 


在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “ 图 书信 息 管理 ”按钮 ,显示 如 图 8. 51 所 示 的 信息 ， 
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图 8.50 显示 添加 类 别名 称 


在 此 信息 页 面 可 对 图 书 进行 查询 ,修改 和 删除 。 





(8) 订单 信息 管理 。 


在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “ 订 单 信息 管理 ”按钮 ,显示 如 图 8. 


图 书信 息 管理 


小 说 4 198 
军事 15 ET 
军事 280 100 
传记 1x 300 
传记 311.5 150 
*k 25 E 
少儿 34.25 2%0 
少儿 23.8 200 
艺术 24.5 300 
DIL 34.25 230 
图 8.51 图 书信 息 


在 此 信息 页 面 可 对 订单 进行 查询 、 删 除 等 操作 。 


(9) 留言 信息 管理 。 





在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 * 留 言 信息 管理 ?按钮 ,显示 如 图 8. 53 所 示 的 信息 ， 


2917/5/11 
2017/5/11 
2017/5/1 
2017/5/11 
2017/5/11 
217/5711 
2017/5/11 
2017/5/11 
2017/5/11 
2017/5/11 


2017/5/11 


52 所 示 的 信息 ， 
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订单 信息 管理 


订单 号: FX] 


订单 详情 





13144421452 m DI 订单 详情 wer 


图 8.52 订单 信息 
在 此 信息 页 面 可 对 留言 进行 回复 和 删除 操作 。 


留言 信息 管理 
留言 人 EE 回复 留言 





EX is iu 2017/5/11 回收 留言 "s 
8.53 留言 信息 
Q0) 会 员 信息 管理 。 


在 后 台 主 页 左 侧 的 功能 菜单 中 , 单 击 “ 会 员 信息 管理 ”按钮 ,显示 如 图 8. 54 所 示 的 信息 ， 
在 此 信息 页 面 可 对 会 员 信息 进行 删除 。 





会员 信息 管理 
身份 证 电子 邮件 电话 号 码 用 户 密码 "s 
m LÀ 男 Te | 1371116444 m m LI 
1 1 男 — M 1230qq. con 10 1 12 ws 


»u 


8.54 会 员 信息 


3. 数据 表 


(1) 管理 员 账 号 信息 表 Admin 如 图 8. 55 所 示 。 
(2) 图 书信 息 表 BookInfo 如 图 8. 56 所 示 。 

















































































































5XGINJMENR7CDP3...ys - dbo.Bookinfo| 
列 名 数据 类 型 fti Nut (ËB 
int c 
BookName nvarchar(50) v 
BockTypelD int y 
BookTypeName nvarchar(50) v 
BookClick. int Vi 
BookNum int (vi 
BookPhoto nvarchar(50) v 
SXGINJMENR7CDPS...bSys - dbo.Admin| Bookprice float ri 
数据 类 型 允许 Mul 值 BookIntroduce text igi 
int rj BookDate datetime vi 
nvarchar(50) rj BooksealNum int 加 
nvarchar(50) " BookZuozhe nvarchar(50) i 
图 8.55 管理 员 账 号 信息 表 图 8.56 图 书信 息 表 











(3) 评论 信息 表 Comment 如 图 8. 57 所 示 。 
(4) 新 闻 类 别 表 Infotype 如 图 8. 58 所 示 。 






































'SXGINJMENR7CDP3... ys - dbo.comment 
ae 数据 类 型 允许 Nul 值 

Userld nvarchar(50) v 
UserName nvarchar(50) vi 
Bookld nvarchar(50) vj 
Titles nvarchar(50) vi 
AddTime datetme 可 

四 




















8.57 评论 信息 表 


(5) 订单 信息 表 tb_Order 如 图 8. 59 所 示 o 
(6) 会 员 信息 表 Users 如 图 8. 60 所 示 。 


















































SXGINJMENR7CDPS... ys - dbo.tb Order 
bad 列 名 数据 类 型 允许 Ndl 值 

Lu nt 
Orderid nvarchar(50) 
Ordeuser. nvarchar(50) 可 
Ordertime datetime 贺 
IsCheckout nvarchar(50) Vi 
OrderStite nvarchar(50) Vi 
fahuofansh nvarchar(s0) Vi 
pingja nvarchar(50) [E] 
pingjiacontent text 
Bookid int 可 
shuliang int i 

图 8. 59 订单 信息 表 


二 、 知 识 学 习 
1. 网 站 需求 定位 与 功能 模块 划分 
CD 需求 分 析 。 
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far) 





SXGINJMENR7CDP3... ys - dbo.Infotype 
列 名 数据 类 型 





nvarchar(50) vi 




















8.58 新 闻 类 别 表 
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图 8. 60 


在 网 上 图 书 销售 系统 开发 之 前 所 做 的 需求 设计 方案 往往 会 对 系统 的 最 终 效果 产生 巨大 
的 影响 ,因此 在 系统 开发 之 前 应 该 进行 比较 深入 的 调查 和 分 析 。 例 如 ,这 个 系统 面向 哪 类 群 


体 来 使 用 ? 需要 哪些 功能 ? 日 访问 量 有 多 少 ? 


首先 ,为 网 上 图 书 销售 系统 做 一 个 简单 的 需求 分 析 。 

网 上 图 书 销售 系统 的 核心 功能 是 提供 图 书 的 在 线 零售 业务 。 对 于 广大 用 户 来 说 ,最 基 
本 的 需求 是 可 以 方便 地 在 线 浏览 和 订购 提供 的 各 种 图 书 商品 。 而 系统 图 书 管理 员 的 基本 需 
求 是 可 以 在 线 对 客户 信息 、 图 书 商品 信息 、 图 书 订单 信息 ,用 户 评论 信息 等 进行 维护 处 理 。 


(2) 功能 模块 划分 。 


根据 以 上 简单 的 需求 分 析 ,确定 网 站 的 功能 如 下 。 
功能 一 : 用 户 浏览 图 书 商品 信息 ,查看 图 书 商品 详细 信息 ; 还 可 以 进行 会 员 注册 ,此 时 
需要 填写 会 员 账 户 、 登 录 密 码 、 姓 名 、E-mail\ 证 件 号 码 、 联 系 电话 等 用 户 信 息 。 
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功能 二 : 会 员 用 户 登 录 功 能 。 使 用 已 注册 的 账户 、 密 码 和 验证 码 进行 登录 ,经 过 系统 验 
证 无 误 进 入 后 , 即 可 进入 下 一 步 操作 。 

功能 三 : 将 图 书 商品 进行 分 类 管理 ,用 户 可 以 根据 图 书 商品 类 型 进行 浏览 。 

功能 四 : 购物 车 功能 。 用 户 在 浏览 图 书 商品 的 过 程 中 ,如 果 选 中 某 一 图 书 商品 ,就 可 以 
随时 将 它 添加 到 自己 的 购物 车 中 。 在 购物 车 中 ,还 可 以 对 图 书 商品 的 购买 数量 等 进行 修改 ， 
并 且 能 计算 出 购买 图 书 商品 的 价格 。 

功能 五 : 结账 功能 。 当 用 户 将 选 好 的 图 书 商品 放 入 到 购物 车 中 ,并 决定 要 购买 时 ,可 以 
进行 结账 。 

功能 六 : 系统 图 书 管理 员 对 图 书 商品 进行 管理 。 系 统 图 书 管理 员 可 对 图 书 商品 进行 添 
加 、 分 类 修改 .删除 和 留言 信息 查看 等 。 

功能 七 : 系统 图 书 管理 员 对 会 员 用 户 进行 管理 。 系 统 图 书 管理 员 可 以 对 会 员 用 户 的 信 
息 、 购 买 图 书 商品 信息 等 进行 维护 处 理 。 

功能 八 : 系统 图 书 管理 员 对 会 员 用 户 的 订单 进行 管理 。 系 统 图 书 管理 员 可 以 对 会 员 用 
户 的 订单 进行 审核 ,同时 可 以 查看 注册 的 信息 和 图 书 商品 订单 信息 。 

(3) 系统 总 体 框 架 。 

从 系统 建设 的 结构 来 看 ,可 将 上 面 的 功能 分 为 两 大 部 分 : 一 是 面向 用 户 的 前 台 功 能 ;二 
是 面向 系统 管理 员 的 后 台 功 能 。 网 上 图 书 销售 系统 总 体 框架 如 图 8. 61 所 示 。 


网 上 图 书 销售 系统 



































































































































前 台 功能 后 台 管理 功能 
I 
I 

用 | | 用 | | 新 | | 图 | | 购 | [8 图 | | 订 | | 会 | |g 
户 | | 户 | [| | 书 | | 物 | | 言 统 | | 闻 | | 书 | | 单 | | 员 | qu 
注 | | 登 | | 浏 | | 信 | | 车 | [i 账 | | 信 | | 信 | | 信 | | 信 | | 入 
册 | | 录 | | 览 | Š 号 | Jej | 息 | | 息 | | 和 县 | | 和 

管 | | 管 | | 管 | | 管 | E] |ë 

理 | | 理 | | 理 | | 理 | ml m 

图 8.61 网 上 图 书 销售 系统 总 体 框架 
2. 数据 库 设 计 


数据 库 是 整个 系统 的 基础 。 本 节 在 系统 开发 之 前 的 需求 分 析 和 功能 模块 划分 的 基础 
上 ,对 需求 数据 进行 分 析 , 从 而 设计 了 本 系统 的 数据 库 模型 。 

数据 库 WSTSWebSys 中 的 主要 数据 表 有 管理 员 账 号 信息 表 Admin、 图 书信 息 表 
BookInfo .评论 信息 表 Comment、 新 闻 类 别 表 Infotype、 订 单 信息 表 tb. Order, JH P? fii 
Users 等 。 各 表 结 构 如 表 8. 8 一 表 8.13 所 示 。 


表 8.8 管理 员 账号 信息 表 Admin 





字段 名 称 说 og 数据 类 型 (长 度 ) 备 È 
id 管理 员 ID int 不 允许 为 空 ,主键 
Apwd 登录 账号 nvarchar(50) 不 允许 为 空 


Aname 登录 密码 nvarchar(50) 不 允许 为 空 
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表 8.9 图 书信 息 表 BookInfo 





字段 名 称 说 明 数据 类 型 (长 度 ) 备 注 
BookID 图 书 ID int 不 允许 空 ,主键 
BookName 书 名 称 nvarchar(50) 不 允许 空 
BookTypeID 书 类 型 int 不 允许 空 
BookTypeName 书 类 型 名 称 nvarchar(50) 不 允许 空 
BookClick 点 击 次 数 int 允许 空 
BookNum 图 书 数量 int 不 允许 空 
BookPhoto 片 路 径 nvarchar(50) 不 允许 空 
BookPrice 书 价格 float 不 允许 空 
BookIntroduce 书 介绍 text 不 允许 空 
BookDate 发 布 时 间 datetime 不 允许 空 
BookSealNum 出 售 数量 int 允许 空 
BookZuoZhe 书 作 者 nvarchar 不 允许 空 


表 8.10 评论 信息 表 Comment 





字段 名 称 说 B 数据 类 型 (长 度 ) 备 È 
id 类 别 编号 int 主键 (不 允许 空 ) 
Userld 账号 nvarchar(50) 不 允许 空 
UserName 姓名 nvarchar(50) 不 允许 空 
BookId 书 编号 nvarchar(50) 不 允许 空 
Titles 题目 nvarchar(50) 不 允许 空 
AddTime 添加 时 间 datetime 不 允许 空 


表 8.11 新 闻 类 别 表 Infotype 





字段 名 称 说 og 数据 类 型 (长 度 ) 备 È 
id 类 别 编号 int 主键 (不 允许 空 ) 
Name 类 别名 称 nvarchar(50) 不 允许 空 


表 8.12 订单 信息 表 tb_Order 





字段 名 称 说 明 数据 类 型 (长 度 ) 备 注 

id 类 别 编号 int 主键 (不 允许 空 ) 
Orderid 订单 ID nvarchar(50) 不 允许 空 
Orderuser 会 员 名 称 nvarchar(50) 不 允许 空 
Ordertime 购买 时 间 datetime 不 允许 空 
IsCheckout 是 否 确 认 nvarchar(50) 不 允许 空 
OrderStite 订单 状态 nvarchar(50) 不 允许 空 
fahuofangsh 发 货 方 式 nvarchar(50) 允许 空 
Bookld 图 书 编号 int 不 允许 空 
pingjia 评价 nvarchar(50) 不 允许 空 
pingjiacontent 评价 内 容 text 允许 空 


shuliang 数量 int 不 允许 空 
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表 8.13 ”用户 信息 表 Users 





字段 名 称 说 明 数据 类 型 (长 度 ) 备 注 
id 类 别 编号 int 主键 (不 允许 空 ) 
UserName 账号 nvarchar(50) 不 允许 空 
pwd 密码 nvarchar(50) 不 允许 空 
XingMing 姓名 nvarchar(50) 不 允许 空 
Sex 性 别 nvarchar(50) 不 允许 空 
Age 年 龄 nvarchar(50) 不 允许 空 
emal 电子 邮件 nvarchar(50) 不 允许 空 
Photo 照片 nvarchar(50) 允许 空 
Ds 描述 text 允许 空 
Address 地 址 nvarchar(50) 不 允许 空 
Tel 联系 方式 nvarchar(50) 不 允许 空 
MemberMoney 充值 现金 float 允许 空 
CardNum 身份 证 号 nvarchar(50) 不 允许 空 
3. 网 站 测试 


网 站 测试 指 的 是 当 一 个 网 站 制作 完 上 传 到 服务 器 之 后 针对 网 站 的 各 项 性 能 情况 的 一 项 
检测 工作 。 它 与 软件 测试 有 一 定 的 区 别 , 其 除了 要 求 外 观 的 一 致 性 以 外 ,还 要 求 在 各 个 浏览 
器 下 的 兼容 性 以 及 在 不 同 环境 下 的 显示 差异 ,主要 内 容 如 下 。 

(1) 性 能 测试 。 

(D 连接 速度 测试 。 用 户 连接 到 网 站 的 速度 与 上 网 方式 有 关 。 

O 负载 测试 。 负 载 测 试 是 在 某 一 负载 级 别 下 ,检测 网 站 的 实际 性 能 ,也 就 是 能 允 
许多 少 个 用 户 同 时 在 线 。 可 以 通过 相应 的 软件 在 一 台 客 户 机 上 模拟 多 个 用 户 来 测试 
负载 。 

© 不力 测试 。 压 力 测试 是 测试 网 站 的 限制 和 故障 恢复 能 力 ,也 就 是 测试 网 站 会 不 会 
Hi 
(2) 安全 性 测试 。 

它 需 要 对 网 站 的 安全 性 (服务 器 安全 .脚本 安全 ) ,可 能 有 的 漏洞 ,攻击 性 及 错误 性 进行 
测试 ; 并 对 网 站 的 服务 器 应 用 程序 .数据 .服务 器 .网络 、 防 火 墙 等 进行 测试 ; 用 相对 应 的 软 
件 进行 测试 。 

(3) 基本 测试 。 

基本 测试 包括 色彩 的 搭配 .连接 的 正确 性 .导航 的 方便 和 正确 .CSS 应 用 的 一 致 性 和 事 
件 的 响应 情况 。 

(4) 网 站 优化 测试 。 

好 的 网 站 是 看 它 是 否 经 过 了 搜索 引擎 优化 ,包括 网 站 的 架构 、 网 页 栏目 等 。 

说 明 : 本 系统 的 各 页 面 详细 代码 及 数据 库 内 容 , 详 见 附带 的 系统 文件 。 
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E 项 目 练习 | 


一 、 实 训 题 

1. 依照 本 项 目 网 站 ,增加 对 商品 查询 模块 功能 ,能 分 别 按照 商品 名 称 、 价 格 和 日 期 进行 
查询 。 

2. 参照 本 项 目 网 站 功能 ,自主 创建 一 个 网 站 ,并 对 网 站 进行 发 布 。 

二 、 练 习题 


(1) 简 述 需求 分 析 的 作用 。 
(2) 简 述 什么 是 网 站 测试 。 
(3) 简 述 购物 车 设计 的 主要 算法 。 
(4) 简 述 结账 流程 及 其 用 到 的 算法 。 
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